站内搜索:
首页 >> 前端 >> 内容
jQuery三种常见选择器

时间:2017/4/8 9:24:27

什么是jQuery选择器


jQuery选择器允许您对DOM元素组或单个DOM节点进行操作,通过它可以准确地选取您希望应用效果的元素。


jQuery元素选择器


jQuery使用CSS选择器来选取 HTML 元素。
$("p")选取

元素。
$("p.intro")选取所有class="intro"的

元素。
$("p#demo")选取所有id="demo"的

元素。


jQuery属性选择器


jQuery使用XPath 表达式来选择带有给定属性的元素。
$("[href]")选取所有带有href属性的元素。
$("[href='#']")选取所有带有href值等于"#"的元素。
$("[href!='#']")选取所有带有href值不等于"#"的元素。
$("[href$='.jpg']")选取所有href值以".jpg"结尾的元素。


jQuery CSS选择器


jQuery CSS选择器可用于改变HTML元素的CSS属性。
下面的例子把所有p元素的背景颜色更改为红色:
实例

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

  • 上一篇:canvas绘制大乐透数据图表
  • 下一篇:DOM元素选择
  • 返回顶部