Jquery的节点选择

来源:互联网 发布:linux tracepath 编辑:程序博客网 时间:2024/04/28 12:21
        //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")时也不报错        });

原创粉丝点击