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")时也不报错 });