Jquery的节点选择

最新推荐文章于 2022-05-01 22:44:43 发布

pvfhv

最新推荐文章于 2022-05-01 22:44:43 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery 文章标签： jquery div function table css

本文链接：https://blog.youkuaiyun.com/pvfhv/article/details/6182779

Jquery 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了jQuery中各种选择器的使用方法，包括基本的选择器如ID选择器、标签名选择器、类选择器，以及复合选择器如后代选择器、子元素选择器等，并演示了如何使用这些选择器来绑定事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        //jquery选择器$("#div1")相当于id选择器，$("p")相当于Tagname选择器
        $(function () {//为所有的段落添加onclick事件
            $("p").click(function () { alert("为所有的段落添加onclick事件"); });
        });

        $(function () {//对所有应用.warning样式指定事件即css样式选择器
            $(".warning").click(function () { alert("对所有应用.warning样式指定事件"); });
        });

        //多条件选择器$("div,span,.warning")获取所有div/span标签和应用warning样式的元素
        //$("div li")获取所有div下的li标签（包换儿子，孙子等），注意空格不能少,例：选择一个id="rating"表格下的所有td,可以$("#rating td")
        //$("div > li")获取所有div下的直接li标签，li其下的子标签li不能获得，注意>左右的空格不能少

        //$(".warning + div")获得应用warning样式名后的紧挨着此元素的一个兄弟div元素，如果某一div后有其它的标签隔开div,例如<div></div><table></table><div></div>则table标签后的div不能被获得，不常用，经常被.next()代替，等价
        //$(".warning ~ div")获得应用warning样式名后的所有兄弟div元素

        //隐式迭代，当无法找到元素时也不报错
        $(function () {
            var element = $("#now");//element永远是对象，因此要检查它的长度，或用element[0]转换成dom对象进行检查
            if (element.length <= 0) {
                alert("没有找到此元素");
                return;
            }
            element.click(function () { alert("清空文本空内容"); }); //此名获不到文本框now时也不报错即写成：$("#now1")时也不报错
        });