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 相关文章推荐
Discuz! 6.1_jQuery兼容问题
Sep 23 Javascript
js trim函数 去空格函数与正则集锦
Nov 20 Javascript
AngularJs Javascript MVC 框架
Jun 20 Javascript
js实现上传文件添加和删除文件选择框
Oct 24 Javascript
详解jQuery选择器
Dec 21 Javascript
基于vue.js快速搭建图书管理平台
Oct 29 Javascript
快速解决brew安装特定版本flow的问题
May 17 Javascript
详解如何写出一个利于扩展的vue路由配置
May 16 Javascript
vue实现行列转换的一种方法
Aug 06 Javascript
通过扫小程序码实现网站登陆功能
Aug 22 Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
Nov 12 Javascript
Vue data的数据响应式到底是如何实现的
Feb 11 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
虫族 Zerg 魔法科技
2020/03/14 星际争霸
在Windows中安装Apache2和PHP4的权威指南
2006/10/09 PHP
一个用于网络的工具函数库
2006/10/09 PHP
获取远程文件大小的php函数
2010/01/11 PHP
php获取远程文件的内容和大小
2015/11/03 PHP
[原创]php使用strpos判断字符串中数字类型子字符串出错的解决方法
2017/04/01 PHP
php7安装mongoDB扩展的方法分析
2017/08/02 PHP
ThinkPHP3.2.3框架实现的空模块、空控制器、空操作,跳转到错误404页面图文详解
2019/04/03 PHP
PHP写API输出的时用echo的原因详解
2019/04/28 PHP
php中使用array_filter()函数过滤数组实例讲解
2021/03/03 PHP
jquery实现的超出屏幕时把固定层变为定位层的代码
2010/02/23 Javascript
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
2012/10/11 Javascript
JavaScript Split()方法
2015/12/18 Javascript
纯js实现倒计时功能
2017/01/06 Javascript
利用vue+elementUI实现部分引入组件的方法详解
2017/11/22 Javascript
使用ng-packagr打包Angular的方法示例
2018/09/21 Javascript
vue form check 表单验证的实现代码
2018/12/09 Javascript
编写更好的JavaScript条件式和匹配条件的技巧(小结)
2019/06/27 Javascript
微信小程序3D轮播实现代码
2019/09/19 Javascript
javascript数组元素删除方法delete和splice解析
2019/12/09 Javascript
js实现九宫格布局效果
2020/05/28 Javascript
[01:14:30]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第二场 8.20.mp4
2019/08/22 DOTA
零基础写python爬虫之爬虫的定义及URL构成
2014/11/04 Python
Python中的日期时间处理详解
2016/11/17 Python
windows 10下安装搭建django1.10.3和Apache2.4的方法
2017/04/05 Python
python虚拟环境virtualenv的安装与使用
2017/09/21 Python
Django rest framework基本介绍与代码示例
2018/01/26 Python
基于Python log 的正确打开方式
2018/04/28 Python
python爬虫多次请求超时的几种重试方法(6种)
2020/12/01 Python
微信浏览器左上角返回按钮拦截功能
2017/11/21 HTML / CSS
Linux如何压缩可执行文件
2013/10/21 面试题
淘宝客服自我总结鉴定
2014/01/25 职场文书
2014教师评职称工作总结
2014/11/10 职场文书
小学班主任评语
2014/12/29 职场文书
寒假社会实践个人总结
2015/03/06 职场文书
七年级作文之冬景
2019/11/07 职场文书