EasyClick Html UI 第十七节 jQuery选择器

Posted 2022-02-19 Mr -老鬼

EasyClick html UI 第十七节 jQuery选择器

jQuery选择器介绍

jquery选择器就是快速选择标签元素，获取标签的，选择规则和css样式一样。

jQuery选择器的种类

• 标签选择器
• 类选择器
• id选择器
• 层级选择器
• 属性选择器

示例代码

$('#myId') //选择id为myId的标签
$('.myClass') // 选择class为myClass的标签
$('li') //选择所有的li标签
$('#ul1 li span') //选择id为ul1标签下的所有li标签下的span标签
$('input[name=first]') // 选择name属性等于first的input标签

说明
可以使用length属性来判断标签是否选择成功, 如果length大于0表示选择成功，否则选择失败。

$(function()
    result = $("div").length;
    alert(result);
);

总结

• jQuery选择器就是选择标签的
• 标签选择器是根据标签名来选择标签
• 类选择器是根据类名来选择标签
• id选择器是根据id来选择标签
• 层级选择器是根据层级关系来选择标签
• 属性选择器是根据属性名来选择标签

---

交流QQ群：620028786，647082990，772810035
————————————————— 版权声明—————————————-————
版权所有~Mr-老鬼 ~转载请注明原文地址
免责声明：本文所有的教程仅限交流学习使用不得用于违法用途，造成的法律后果本人不承担责任。