jquery中如何选择元素

        $(document).ready(function(){
              $('tr:even').addClass('alt');
         });

 给dom中所有的奇数添加样式类alt，偶数使用odd

 :nth-child 这个选择符相对于元素的父元素来进行计算，可以结束数字,odd,even作为参数

      是jquery中唯一一个从1开始计数的选择符  

        $(document).ready(function(){
              $('td:contains(Henry)').addClass('highlight');
        });

 选择任何一个单元格的内容中包含Henry的元素，添加highlight样式类  :contains()          区分大小写

 表单选择符

 :input         输入类的元素

 :button        按钮元素或type为button的元素

 :enabled       启用的表单元素

 :disabled      禁用的表单元素

 :checked       勾选的单选按钮或复选框

 :selected      选择的选项元素

 2.6DOM遍历方法

 .filter()方法会迭代所有匹配的元素，对每个元素都调用传入的函数兵进行测试函

                数的返回值,true则保留，false则从匹配集合中删除相应元素

                $('tr').filter(':even').addClass('alt');

 .next       选择匹配元素的后一个元素  

        $(document).ready(function(){
              $('td:contains(Henry)').next().addClass('highlight');
         });

               .nextAll    选择匹配元素的后面所有元素

        $(document).ready(function(){
              $('td:contains(Henry)').nextAll().addClass('highlight');
         });

                .prev       选择匹配元素的钱一个元素

        $(document).ready(function(){
              $('td:contains(Henry)').prev().addClass('highlight');
         });

       .prevAll    选择匹配元素的前面所有元素

        $(document).ready(function(){
              $('td:contains(Henry)').prevAll().addClass('highlight');
         });

      .sliblings  选择处于相同DOM层次的所有其他元素

          $(document).ready(function(){
              $('td:contains(Henry)').sliblings().addClass('highlight');
         });

        $(document).ready(function(){
              $('td:contains(Henry)').nextAll().addBack().addClass('highlight');
         });

     .addBack() 在选择的元素中再包含原来的元素   

        $(document).ready(function(){
              $('td:contains(Henry)').parent().children().addClass('highlight');
         });

 通过.parent()在DOM中追溯到上一层到达,然后再通过.children()选择该行的
         所有单元格

2.7访问DOM元素

为什么要访问DOM:所有选择符表达式和多数jquery方法都返回一个jquery对象，而这通常是

        我们所期望的因为jquery对象能够提供隐式迭代能力；但是有时候我们还是可能需要再代码

        中直接访问DOM元素，

 var myTag = $('#my-element').get(0).tagName;
 简写：var myTag = $('#my-element')[0].tagName;

选择id为my-element的元素的标签名

以上是“jquery中如何选择元素”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！