jquery选择器 是什么

jQuery选择器，哎，就是找HTML元素的方法。
2 02 2 年那时候，我刚开始学，感觉挺复杂的。

比如，id选择器，就是后面跟ID名。
像这样，$("myElement")，就能找到ID是myElement那个元素。
我当时也懵，怎么就用号找东西。

类选择器，就是.class，像$.(".myClass")，能找到所有类名是myClass的元素。
这个好理解点，就是找所有带这个类的。

元素选择器，就是直接写元素名，像$("p")，能找到所有

标签。
这个简单。

复合选择器，就比较多了。
比如元素ID选择器，像$("pmyParagraph")，能找到ID是myParagraph的

元素。
这个，嗯，就是结合了元素和ID。

元素类选择器，像$("div.myDivClass")，能找到所有类名是myDivClass的

元素。
这个也还行。

后代选择器，就是element element，像$("div p")，能找到所有在
里面的

元素。
这个，用多了就习惯了。

层级选择器，有子选择器，像$("ul > li")，能找到所有直接在 里面的 元素。
这个，记住了就行。

属性选择器，更多了。
[attribute]，就是选有这个属性的。
像[title]，能找到所有有title属性的元素。
(attribute=value)，像[title="myTitle"]，能找到title属性值是myTitle的元素。
这个，用多了就明白了。

表单选择器，像:input，能找到所有input元素。
:text，能找到所有text input元素。
:checkbox，能找到所有复选框。
这个，挺实用的。

总之，jQuery选择器，就是找元素的方法。
2 02 2 年那时候，我可能有点偏激，觉得选择器太多了，后来才反应过来，其实用对就对了。

jquery选择一元素的父类元素的写法

跟你说个事儿，当年我搞前端的时候，老用jQuery。
parent()这玩意儿，用得挺顺手的。

我记得有回，我在北京做项目，一个电商网站，得给商品列表加交互。
HTML结构大概就跟你给的差不多，一堆li里面套着a标签。

  • 第1 个超链接
  • 第2 个超链接
  • 第3 个超链接
  • 第4 个超链接
    jQuery代码也跟你说的一样：
    javascript $(function() { $('a').click(function() { var str = $(this).parent('li').attr('name'); alert(str); }); });
    效果就是，你点哪个a标签，就弹出来它父li标签的name属性值。
    简单不？我当时就用这个，搞商品点击事件，挺方便的。
    你试试，肯定行。

    jquery 选择器 怎样获取class='aaa'的DIV元素

    上周，我那朋友用jQuery搞了个页面，他得根据class来操作div元素。
    他说，要找class是aaa的div，就写$("div.aaa")，这简单。

    2 02 3 年，他告诉我，如果得在特定父元素下找，比如id为b的div下的aaa类，他得写$("divbdiv.aaa")，第一个div是那个b，第二个div是b的子。

    然后他又说，如果得在多个父元素下找，比如a或c的div下的aaa类，他就得写$("a.aaa,c.aaa")，逗号是关键，它表示两个条件都得满足。

    我听了，觉得这挺有用的，不过他没说逗号其实是逻辑与，不是我想的加法。

    我刚想到另一件事，就是有时候页面上元素太多，用这些选择器得小心，免得找错了。

    jquery选择器中两个class是什么意思

    哎，这事儿我真是踩过坑的。
    大概十年前吧，在一个电商网站项目上，我遇到个烦人的问题。
    当时页面结构挺复杂，一堆列表项，每个列表项外面有个统一的外层class叫 .item-wrapper，每个列表项内部啊，有个按钮用 .buy-btn 标识。

    我当时想找个办法，只选中那些 .item-wrapper 里面 .buy-btn 的按钮，好给它们加个点击事件。
    我就直接用了 .item-wrapper .buy-btn 这种写法。

    结果呢？页面挂了。
    为啥？因为 .item-wrapper .buy-btn 它不是只选 .item-wrapper 直接下面的 .buy-btn，而是选了所有 .item-wrapper 后代树里头的 .buy-btn。
    你看啊，可能有嵌套的子级，甚至隔了好几层，只要它是 .item-wrapper 的后代，并且有 .buy-btn 这个class，都被选上去了。

    这下好了，本来只想给直接子级按钮加事件，结果连深层嵌套的都给加上了，后面调试花了老半天。
    后来我学聪明了，如果只想选直接子元素，就用 >.item-wrapper > .buy-btn 这种写法，这下就对了。

    所以啊，用空格分隔两个class选择器，它就是选后代，不是直接子元素，这点千万要注意。
    别像我当年那样，一上来就乱写，调试起来真头疼。
    • 标签： jQuery选择器 元素选择器
    上一篇： html设置边距