在 jQuery 里怎样获取选中元素

在前端开发中，jQuery 是一个功能强大且广泛使用的 JavaScript 库，它简化了 HTML 文档遍历、事件处理等诸多操作。获取选中元素是其中一项常见且重要的任务，掌握它能让开发者更高效地对网页元素进行操作和交互设计。

最基本的方式是使用选择器。jQuery 提供了丰富多样的选择器，类似于 CSS 选择器。比如，通过元素标签名来获取选中元素，若要获取页面中所有的 <p> 元素，只需使用 $('p')。这会返回一个包含所有 <p> 元素的 jQuery 对象。如果想获取特定 id 的元素，例如 id 为 “myDiv” 的元素，可使用 $('#myDiv')。而通过类名来获取选中元素则使用 $('.myClass')，这里的 myClass 是自定义的类名，它会选中所有带有该类名的元素。

在表单元素的操作中，获取选中元素也有特定的方法。对于单选框和复选框，要获取被选中的选项。以单选框为例，假设有一组名为 “gender” 的单选框，要获取选中的那个，可使用 $('input[name="gender"]:checked')。对于复选框，同样使用 :checked 选择器，如 $('input[type="checkbox"]:checked')，这会返回所有被选中的复选框元素。

另外，在表格操作场景中，有时需要获取当前选中行的元素。比如在一个表格中，当用户点击某一行时获取该行的数据。可以给表格行添加点击事件，然后在事件处理函数中使用 $(this) 来获取当前被点击的行元素。例如：$('tr').click(function() { var selectedRow = $(this); // 这里的 selectedRow 就是当前被点击的行元素 });

在 jQuery 里获取选中元素的方法丰富多样，熟练掌握这些技巧能极大提升前端开发效率，无论是简单的页面样式调整，还是复杂的交互功能实现，都能得心应手地处理各种需求。