首页 > 代码库 > 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元素