学习javaWeb第五天

(一).使用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样子里的某个值

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值