jquery选择器控制Html元素

1、JQuery中有addClass,removeClass,toggleClass

• addClass(class)：为每个匹配的元素添加指定的类名
• removeClass(class)：从所有匹配的元素中删除全部或者指定的类
• toggleClass(class)：如果存在（不存在）就删除（添加）一个类

2、JQuery元素选择器

• $(this) 选取当前html元素
• $("p") 选取html中为<p>的元素
• $("div span")选取html中所有<div>元素中所有<span>的元素
• $("div,span")选取html中所有<div>元素和所有<span>的元素
• $(".clsFrame") 选取html中Class = "clsFrame" 的元素
• $(".clsFrame  .clsSpan") 选取html中Class = "clsFrame" 中 Class ="clsSpan" 的元素
• $(".clsFrame, .clsSpan") 选取html中Class = "clsFrame" 和 Class ="clsSpan" 的元素
• $("#div") 选取html中id ="div"的元素
• $("p.intro") 选取所有 class="intro" 的 <p> 元素。
• $("p#demo")选取所有 id="demo" 的 <p> 元素。

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

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

4、JQuery CSS 选择器

• $("*").css("display","none")  设置html中所有元素的display属性为none
• $("#div span").css("background-color","red") 设置html中 id = "div"下所有<span>元素的background-color属性为red