jQuery选择器及属性设置

(一)

直接父级:.parent();方法返回被选元素的直接父元素
所有父级:.parents(); 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素html
(二)
同级:.siblings() 方法返回被选元素的所有同胞元素

  例子:$("h2").siblings("p");  返回属于<h2>的同胞元素的所有<p>元素

所有同级:nextAll() 方法返回被选元素的所有跟随的同胞元素
区域同级:nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素
(三)
直接子元素:children() 方法返回被选元素的所有直接子元素
所有子元素:find() 方法返回被选元素的后代元素,一路向下直到最后一个后代

(例子)

当前元素的上一个元素:$("").parent().prev().css(“background”,“red”)

当前元素的下一个元素:$("").parent().next().css(“background”,“red”)

当前元素父元素:$("").parent().css(“background”,“red”)

当前元素子元素:$("").children().css(“background”,“red”)

样式相关:增加样式.addClass();设置/改变样式:$(".logo").css(“border”,“none”)

属性与样式之.attr()与.removeAttr(),通过一定的触发事件来使一些元素上增加或者删除一些属性
例子:禁用与激活按钮

Js代码 收藏代码
$("#btnSendCode").attr(“disabled”, “true”); //禁用
$("#btnSendCode").removeAttr(“disabled”); //启用按钮,启用激活
.attr():

1、获取匹配元素的属性,例如: ( " i m g " ) . a t t r ( " s r c " ) ; 2 、 设 置 匹 配 元 素 的 属 性 , 例 如 : 单 一 属 性 的 设 置 : ("img").attr("src"); 2、设置匹配元素的属性,例如: 单一属性的设置: ("img").attr("src");2(“img”).attr(“src”,“test.jpg”);
多个属性的设置: ( " i m g " ) . a t t r ( s r c : " t e s t . j p g " , a l t : " T e s t I m a g e " ) ; 3 、 ("img").attr({ src: "test.jpg", alt: "Test Image" }); 3、 ("img").attr(src:"test.jpg",alt:"TestImage");3(“img”).attr(“title”, function() { return this.src });

.removeAttr():

1.从每一个匹配的元素中删除相应的属性
删除一个属性: ( " i m g " ) . r e m o v e A t t r ( " s r c " ) ; 删 除 多 个 属 性 : ("img").removeAttr("src"); 删除多个属性: ("img").removeAttr("src");(“img”).removeAttr(“src alt”);//img的src和alt都会被删除

2.平常的使用中我们还可以通过如下这种方法来进行删除:
$(“img”).attr(“src”,"");

       $("img").attr({src:"",alt:""});

.removeAttr()和.attr()使用这两方法的区别在于页面html的结构不同
removeAttr直接将这个属性删除,在页面中看到的就是这个结果
attr不会删除这个属性,只是将这个属性的值置为空,在页面中看到的就是,实际上和 的效果是一样的

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值