Jquery学习（三）选择

1.Jquery最重要的是选择。

 学习要点：
       1.简单选择器
       2.进阶选择器
       3.高级选择器

①简单选择器。

    最简单的也就是最经常使用的，最经常使用的一般也是最简单的。

    在使用 jQuery 选择器时。我们首先必须使用“$()”函数来包装我们的 CSS 规则。

而CSS 规则作为參数传递到 jQuery 对象内部后。再返回包括页面中相应元素的 jQuery 对象。随后，我们就能够对这个获取到的 DOM 节点进行行为操作了。

             #box {
               //使用 ID 选择器的 CSS 规则
              color:red;
             //将 ID 为 box 的元素字体颜色变红
             }

在 jQuery 选择器里，我们使用例如以下的方式获取相同的结果：

          $('#box').css('color', 'red');
         //获取 DOM 节点对象，并加入行为

 

     警告：有个问题特别要注意，ID 在页面仅仅同意出现一次。我们一般都是要求开发人员要遵守和保持这个规则。

但假设你在页面中出现三次，而且在 CSS 使用样式，那么这三个元素还会运行效果。但假设，你想在 jQuery 这么去做，那么就会遇到失明的问题。所以，开发人员必须养成良好的遵守习惯，在一个页面仅使用一个 ID。

          $('#box').css('color', 'red');
          //仅仅有第一个 ID 变红，后面两个失明

②进阶选择器

  

③高级选择器

  

   

版权声明：本文博客原创文章，博客，未经同意，不得转载。