jQuery 选择器整理
本人在学习 jQuery 时整理的选择器，对于初学者来说非常有帮助。
- `element`：选择一个元素。例如，`$('#myElement')` 将选择 ID 为 `myElement` 的元素。
- `class`：选择一个类名相同的元素集合。例如，`$('.myClass')` 将选择所有具有 `myClass` 类的元素。
- `tagName`：选择一个标签名相同的元素集合。例如，`$('div')` 将选择所有 div 元素。
- `id Attribute`：通过 ID 属性选择元素。例如，`$('#myID')` 将选择具有 `myID` ID 的元素。
- `class Attribute`：通过类名属性选择元素。例如，`$('.myClass')` 将选择所有具有 `myClass` 类的元素。
- `tagName Attribute`：通过标签名属性选择元素。例如，`$('p')` 将选择所有 p 元素。
- `nth-child Selector`：根据子元素的顺序选择元素。例如，`$('div:nth-child(2)')` 将选择第二个 div 元素。
- `hover`：当鼠标悬停在元素上时执行的操作。例如，`$('div').hover(function() { console.log('Mouse over'); }, function() { console.log('Mouse out'); });`
- `click`：当用户单击元素时执行的操作。例如，`$('button').click(function() { alert('Button clicked!'); });`
以上是 jQuery 中常用的一些选择器示例。掌握这些选择器可以帮助你更有效地操作页面上的元素。
文件大小：17.06KB
评论区