Jquery 入门知识
<div class="iteye-blog-content-contain" style="font-size: 14px">
1、JQuery的优点:
1)体积小(导入的js文件小的有50多KB,大点的一百多KB);
2)速度快(Js和JQuery 整体的速度相比,JQuery的速度要快于js);
3)屏蔽浏览器之间的差异(例如:js写ajax时要判断一下浏览器);
4)运用广泛有很多插件支持(例如Tree插件);
5)强大的dom搜索功能;
6)支持ajax
2、简述一下常见的几个js框架:
1)domj、prototype:这两个框架比较早,现在用的不多了。
2)extjs:它主要是可以把网页做成像windows 的界面一样,现在用的也不少。
3)dwr(ajax) :主要倾向于ajax,本人用不习惯。
3、js 的几种获取标签的方式:
1)id document.getElementById();
2)tag document.getElementByTagName();
3)name document.getElementByName();
4、JQuery的onload事件:
js写法:
function helloworld(){
alert('hello world');
}
function helloworld(){
alert('hello world');
}
alert('hello word')
});
5、Jquery 的数组创建和遍历:数组的创建时用中括号“[ ]”,each 方法相当于java中的静态方法,两个参数一个是数组的序号;一个是callback 回调,也就是一个类似java的一个匿名内部类,在里面做操作。
$.each(arr,function(index,value){
alert(index+" "+value);
});
6、Map的创建和遍历:map的遍历和数组的遍历很像。
$.each(map,function(key,value){
alert(key+" "+value);
});
alert(map.china); //当key是字符串时,可以用这中方法获取map的值。key是数 值型的不能这样
alert(map[1]);// 当key是数值型的时候这样获取map的值。
7、创建js 对象:定义三个人的数组,遍历数组打印数组信息。
var users=[
{id:1,name:"admin",age:18},
{id:2,name:"admin1",age:88},
{id:3,name:"admin2",age:98}
];
$.each(users,function(index,user){
alert(user.id+" "+user.name+" "+user.age);
});
8、用jquery改变页面的样式:选择器:. class、#id 、element 例子:标签的序号是从0开始
$("#a").css("color","red");//id="a" 的标签
$(".b").css("color","green"); class=“b”的标签
$("p").css("color",blue); 标签P的
});
$("tr:even").css("background-color","red");//tr标签的基数行背景为红色。
$("tr:odd").css("background-color","green");偶数行
$("tr:lt(3)").css("background-color","pink")前三行为粉色
9、对多个复选框的操作:this当前对象。
$("input[type=checkbox][name=music]").attr("checked",true);
}
function selectNone(){//
$("input[type=checkbox][name=music]").attr("checked",false);
}
function selectOther(){
$("input[type=checkbox][name=music]").each(function(){
var flag = $(this) .attr("checked"); //获取值和set值都是attr
$(this).attr("checked",!flag);// this 是遍历到当前节点
});
}
10、这是一个级联选择,有父节点,子节点。
11、获取评论信息放到下面的li中
12这是对图片的操作:
13.常见的几种表单属性的值的获取和重置:
14、Ajax例子:常见注册页面用户名:是否能用。这是一个和struts整合的需要配置action的。
这是一个参数的例子。
15、这是一个请求,返回一个json对象。
</div>