主题: 3024-nightambiance-mobileambiancebase16-darkblackboardcobalteclipseerlang-darklesser-darkmbomdn-likemidnightmonokaineatneonightparaiso-darkpastel-on-darkrubybluesolarizedthe-matrixtomorrow-night-eightiesvibrant-ink 新窗口 视图: 左侧面板 HTML CSS JS 预览 F11(全屏显示选中的编辑器) 查看更多帮助信息

相关文章:

jQuery.find() 函数详解

代码类型:

默认(HTML/CSS/JS) HTML混合(单页) PHP Java C# C++ C SQL

杂项:

• 启用CSS/JS语法检查
• 监测脚本运行错误
• 禁止库文件重复

文档类型:

HTML5 HTML 4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset XHTML 1.0 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset 无

JS库文件:

无 jQuery 1.11.1jQuery 2.1.1jQuery 1.10.2jQuery 1.9.1jQuery 1.8.3jQuery 1.7.2jQuery 1.6.4jQuery 1.5.2jQuery 1.4.4jQuery 1.3.2jQuery 1.2.6

手动添加:

1. jQuery 1.11.1

<p id="e1"> <span id="e2" class="site"> <span id="e3" class="item site-name">CodePlayer</span> <span id="e4" class="item site-desc">专注于编程开发技术分享</span> </span> <span id="e5" class="site-url">http://www.365mini.com</span> </p> <p id="e6"> JavaScript<span id="e7" class="highlight">jQuery</span> <a id="e8" href="http://www.365mini.com">CodePlayer</a> </p>

// 扩展jQuery对象，添加showTagInfo()方法 // 用于将jQuery对象所有匹配元素的标识信息追加到body元素内 // 每个元素的标识信息形如："tagName"或"tagName#id" jQuery.fn.showTagInfo = function(){ var tags = this.map( function(){ return this.tagName + ( this.id ? "#" + this.id : "" ); } ).get(); $("body").append( tags.join("<br>") + "<br><br>" ); }; //匹配id为e1的元素 var $e1 = $("#e1"); var $e1_span = $e1.find("span"); $e1_span.showTagInfo(); // SPAN#e2,SPAN#e3,SPAN#e4,SPAN#e5 var $p = $("p"); var $p_span = $p.find("span"); $p_span.showTagInfo(); // SPAN#e2,SPAN#e3,SPAN#e4,SPAN#e5,SPAN#e7 var $highlight = $p.find( $(".highlight") ); $highlight.showTagInfo(); // SPAN#e7 var a = document.getElementsByTagName("a"); var $a = $p.find( a ); $a.showTagInfo(); // A#e8