学习javaWeb第五天

(一).使用jQuery实现全选与全不选

1.prop()方法设置或者返回被选元素的属性或者值
2.这个方法自带遍历,不需要手动遍历。
(返回的是属性的值);
3 $(“选择器”).prop(“属性”),值。
(设置属性和值);
4," $"(“选择器”).prop(“属性”,fuction(index,currentvalue));
(设置多个属性和值);

学习javaWeb第五天
学习javaWeb第五天
学习javaWeb第五天

代码示例如上;

(二)js遍历和jq遍历的区别

1.js:只是普通的for循环遍历
2.jq:$(nums).each(function(index){
alert(this+index);
});
(this表示一个js的对象,index表示索引值)
3." $".each(" $"(nums),function(index){
alert(this+index)
});
" $ “.each(” $"(element),fn);(遍历函数)
(第一个参数是要遍历的数据(这个参数必须是jQuery对象),第二个参数是回调)
学习javaWeb第五天

(三)追加(文档处理:内部插入)

1、. $(“选择器或元素”).append(“内容”);追加信息在A元素标签后面,保留原信息
2、. $(“内容”).appendTo(“b选择器或元素”)内容插入B元素标签后面,保留原信息
3、 $(“选择器或元素”).prepend(“内容”),追加信息在A元素标签内前面,保留原信息
4、 $(“内容”).prepend(“b选择器或元素”),内容插入B元素标签内前面,保留原信息
代码示例:
学习javaWeb第五天

(四)补充

1、创建两个select选择框,并且制定select选择框multiple=“multiple”(实现多选)
2、jquery中的事件
(1)、js中的事件都没有on
(2)、常用的事件click();mouseover();mouseout()等;
3、jQuery中操作css
$(“选择器或元素”).css({“display”:“none”});
(获取这个元素或者选择器的)css样式,可以修改css样子里的某个值