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中如何选择元素"这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！