学习javaWeb第五天

本秂侑毒 提交于 2019-12-09 23:55:22

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

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

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

代码示例如上;

(二)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对象),第二个参数是回调)
在这里插入图片描述

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

1、. $(“选择器或元素”).append(“内容”);追加信息在A元素标签后面,保留原信息
2、. $(“内容”).appendTo(“b选择器或元素”)内容插入B元素标签后面,保留原信息
3、 $(“选择器或元素”).prepend(“内容”),追加信息在A元素标签内前面,保留原信息
4、 $(“内容”).prepend(“b选择器或元素”),内容插入B元素标签内前面,保留原信息
代码示例:
在这里插入图片描述

(四)补充

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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!