首页 > 代码库 > jquery选择器控制Html元素
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=http://www.mamicode.com/‘#‘]") 选取所有带有 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
jquery选择器控制Html元素
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。