jquery 查找新建元素代码


Posted in Javascript onJuly 06, 2010

复习一下
//html
<div class="dv">
<ul>
<li>
<a href="xx.com">xx</a>
</li>
<li>
<a href="aa.com">aa</a>
</li>
<li>
<a href="bb.com">bb</a>
</li>
</ul>
<ul></ul>
</div>
//js
$('.dv').find('ul')->eq(0)->find('li')->each(function(i){
var obj = $(this).find('a')->eq(0);
$em = $('<em>');//新建em元素
$em.html(i);
$em.insertBefore(obj);//把新元素插到查找到的元素前面
});
真方便哈!!!!

关于jQuery的find方法的疑问
find(expr)


搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。

所有搜索都依靠jQuery表达式来完成。这个表达式可以使用CSS1-3的选择器语法来写。


返回值

jQuery


参数

expr (String) :用于查找的表达式


示例

从所有的段落开始,进一步搜索下面的span元素。与$("p span")相同。


HTML 代码:



Hello, how are you?
jQuery 代码:


$("p").find("span")

结果:


[ Hello ]
jquery 查询|jquery 查找元素|jquery 查找对象
#id 返回值:Array<Element>#id
概述
根据给定的ID匹配一个元素。

如果选择器中包含特殊字符,可以用两个斜杠转义。参见示例。

参数
idString
用于搜索的,通过元素的 id 属性中给定的值

示例
描述:
查找 ID 为"myDiv"的元素。

HTML 代码:
<div id="notMe"><p>id="notMe"</p></div>
<div id="myDiv">id="myDiv"</div>jQuery 代码:
$("#myDiv");结果:
[ <div id="myDiv">id="myDiv"</div> ]描述:
查找含有特殊字符的元素

HTML 代码:
<span id="foo:bar"></span>
<span id="foo[bar]"></span>
<span id="foo.bar"></span>jQuery 代码:
#foo\\:bar
#foo\\[bar\\]
#foo\\.barelement 返回值:Array<Element(s)>element概述根据给定的元素名匹配所有元素参数elementString一个用于搜索的元素。指向 DOM 节点的标签名。示例描述:查找一个 DIV 元素。HTML 代码:<div>DIV1</div>
<div>DIV2</div>
<span>SPAN</span>jQuery 代码:$("div");结果:[ <div>DIV1</div>, <div>DIV2</div> ].class返回值:Array<Element(s)>.class概述根据给定的类匹配元素。参数classString一个用以搜索的类。一个元素可以有多个类,只要有一个符合就能被匹配到。示例描述:查找所有类是 "myClass" 的元素.HTML 代码:<div class="notMe">div class="notMe"</div>
<div class="myClass">div class="myClass"</div>
<span class="myClass">span class="myClass"</span>jQuery 代码:$(".myClass");结果:[ <div class="myClass">div class="myClass"</div>, <span class="myClass">span class="myClass"</span> ] selector1,selector2,selectorN返回值:Array<Element(s)>selector1,selector2,selectorN概述将每一个选择器匹配到的元素合并后一起返回。你可以指定任意多个选择器,并将匹配到的元素合并到一个结果内。参数selector1Selector一个有效的选择器selector2Selector另一个有效的选择器selectorN (可选)Selector任意多个有效选择器示例描述:找到匹配任意一个类的元素。HTML 代码:<div>div</div>
<p class="myClass">p class="myClass"</p>
<span>span</span>
<p class="notMyClass">p class="notMyClass"</p>jQuery 代码:$("div,span,p.myClass")结果:[ <div>div</div>, <p class="myClass">p class="myClass"</p>, <span>span</span> ]

Javascript 相关文章推荐
filemanage功能中用到的lib.js
Apr 08 Javascript
javascript 写类方式之二
Jul 05 Javascript
js操作ajax返回的json的注意问题!
Feb 23 Javascript
用jquery模仿的a的title属性的例子
Oct 22 Javascript
javascript实现图片左右滚动效果【可自动滚动,有左右按钮】
Sep 19 Javascript
json定义及jquery操作json的方法
Oct 03 Javascript
JavaScript 值类型和引用类型的初次研究(推荐)
Jul 19 Javascript
详解使用JWT实现单点登录(完全跨域方案)
Aug 02 Javascript
express框架中使用jwt实现验证的方法
Aug 25 Javascript
详解VUE中的插值( Interpolation)语法
Oct 18 Javascript
微信小程序自定义底部弹出框动画
Nov 18 Javascript
AJAX实现指定部分页面刷新效果
Oct 16 Javascript
jquery 3D球状导航的文章分类
Jul 06 #Javascript
Javascript Function对象扩展之延时执行函数
Jul 06 #Javascript
JavaScript经典效果集锦
Jul 06 #Javascript
前端开发必须知道的JS之原型和继承
Jul 06 #Javascript
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
Jul 06 #Javascript
一个基于jquery的图片切换效果
Jul 06 #Javascript
jQuery ajax BUG:object doesn't support this property or method
Jul 06 #Javascript
You might like
php+mysql开源XNA 聚合程序发布 下载
2007/07/13 PHP
PHP 获取MySQL数据库里所有表的实现代码
2011/07/13 PHP
使用Smarty 获取当前日期时间和格式化日期时间的方法详解
2013/06/18 PHP
php和jquery实现地图区域数据统计展示数据示例
2014/02/12 PHP
ThinkPHP模版中导入CSS和JS文件的方法
2014/11/29 PHP
经典PHP加密解密函数Authcode()修复版代码
2015/04/05 PHP
PHP面向对象程序设计子类扩展父类(子类重新载入父类)操作详解
2019/06/14 PHP
JavaScript 关键字屏蔽实现函数
2009/08/02 Javascript
JavaScript CSS 修改学习第四章 透明度设置
2010/02/19 Javascript
基于Jquery的仿照flash放大图片效果代码
2011/03/16 Javascript
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
2012/07/25 Javascript
jQuery之自动完成组件的深入解析
2013/06/19 Javascript
javascript数组去重方法分析
2016/12/15 Javascript
Angular的MVC和作用域
2016/12/26 Javascript
Vue 组件间的样式冲突污染
2017/08/31 Javascript
AngualrJs清除定时器遇到的坑
2017/10/13 Javascript
javascript基于定时器实现进度条功能实例
2017/10/13 Javascript
详解Vue2.0配置mint-ui踩过的那些坑
2018/04/23 Javascript
详解如何构建一个Angular6的第三方npm包
2018/09/07 Javascript
详解vuex中action何时完成以及如何正确调用dispatch的思考
2019/01/21 Javascript
[14:57]DOTA2 HEROS教学视频教你分分钟做大人-幽鬼
2014/06/13 DOTA
零基础写python爬虫之爬虫的定义及URL构成
2014/11/04 Python
python检查指定文件是否存在的方法
2015/07/06 Python
Python中在脚本中引用其他文件函数的实现方法
2016/06/23 Python
使用Python刷淘宝喵币(低阶入门版)
2019/10/30 Python
python 基于dlib库的人脸检测的实现
2019/11/08 Python
Python中顺序表原理与实现方法详解
2019/12/03 Python
公务员更新知识培训实施方案
2014/03/31 职场文书
领导干部群众路线个人对照检查材料思想汇报
2014/09/30 职场文书
群众路线批评与自我批评发言稿
2014/10/16 职场文书
求职简历自我评价范文
2015/03/10 职场文书
施工员岗位职责范本
2015/04/11 职场文书
详解CSS伪元素的妙用单标签之美
2021/05/25 HTML / CSS
如何使用pdb进行Python调试
2021/06/30 Python
Python Flask搭建yolov3目标检测系统详解流程
2021/11/07 Python
用JS创建一个录屏功能
2021/11/11 Javascript