jQuery选择器

2019独角兽企业重金招聘Python工程师标准>>>

选择器允许您对元素或单个元素进行操作

###jQuery元素选择器### jQuery使用CSS选择器来选取HTML元素。 如:

• $("p")选取<p>元素
• $("p.intro")选取所有class="intro"的<p>元素
• $("p#intro")选取所有id=intro的<p>元素

###jQuery属性选择器### jQuery使用XPath表达式来选择带有给定属性的元素。

• $("[href]")选取所有带有href属性的元素
• $("[href="#"]")选取所有href="#"的元素
• $("[href!="#"]")选取所有href!="#"的元素
• $("[href=".jpg"]")选取所有以href值.jpg结尾的元素

###jQuery CSS选择器###

jQuery CSS选择器可用于改变html元素的css属性

$("p").css("background-color","red");

###更多选择器实例...####

• $(this) 当前 HTML 元素
• $("p") 所有 <p>元素
• $("p.intro") 所有 class="intro" 的 <p> 元素
• $(".intro") 所有 class="intro" 的元素
• $("#intro") id="intro" 的元素
• $("ul li:first") 每个 <ul> 的第一个 <li> 元素
• $("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性
• $("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素

转载于:https://my.oschina.net/jeffoscn/blog/208605