jquery的选择器


jquery最好用的一点就是选择器, 直接可以通过css选中元素

eg:

<body>
  <div class="box">我是一个box</div>
  <div id="box1">
    <ul>
      <li>我是一个li</li>
      <li>我是一个li</li>
      <li>我是一个li</li>
      <li>我是一个li</li>
    </ul>
  </div>
  <h3>h3</h3>
  <P>1</P>
  <P>2</P>
  <P>3</P>
  <P>4</P>
  <P>5</P>
  <P>6</P>

支持Css2.1选择器:

$(".box").css("color", "red");      //选取class为box的元素匹配

$("#box1").css("color", "blue");     //选取id为box的元素匹配

$("div").css("color", "orange");     //选取 <div> 元素匹配

$("div.box").css("color", "red");    //选取所有 class="box" 的 <div> 元素匹配

$("div, h3").css("color", "blue");     //选取所有<div> 元素和 <h3> 元素匹配

$("#box1 ul li").css("color", "orange");   //选取id为box下的<ul>下的 <li> 元素匹配

支持Css3选择器:

$("p:first").css("color", "red");     //选取第一个 <p> 元素匹配

$("p:last").css("color", "blue");   //选取最后一个 <p> 元素匹配

$("p:eq(2)").css("color", "orange");  //选取第三个 <p> 元素匹配(从0开始数)

$("p").eq(3).css("color", "blue");  //选取第四个 <p> 元素匹配(从0开始数)

$("p:lt(3)").css("color", "red");   //选取前三个 <p> 元素匹配

$("p:gt(3)").css("color", "blue");   //选取后三个 <p> 元素匹配

$("p:odd").css("color", "red");   //选取奇数位置 <p> 元素匹配

$("p:even").css("color", "blue");   //选取偶数位置 <p> 元素匹配

优质内容筛选与推荐>>
1、四 闭包函数、装饰器
2、JavaScript面向对象原型继承
3、如何解决B2C网站一些问题
4、drupal 内容类型
5、MSMQ(3)创建、同步异步接收消息


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号