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
