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 相关文章推荐
Iframe thickbox2.0使用的方法
Mar 05 Javascript
使用jquery修改表单的提交地址基本思路
Jun 04 Javascript
jquery实现浮动的侧栏实例
Jun 25 Javascript
网络传输协议(http协议)
Nov 18 Javascript
javascript数组去重方法分析
Dec 15 Javascript
详解Vue 普通对象数据更新与 file 对象数据更新
Apr 26 Javascript
关于vue-router路径计算问题
May 10 Javascript
jQuery滚动插件scrollable.js用法分析
May 25 jQuery
BootStrap selectpicker后台动态绑定数据
Jun 01 Javascript
JavaScript操作文件_动力节点Java学院整理
Jun 30 Javascript
JavaScript定义函数的三种实现方法
Sep 23 Javascript
Web开发使用Angular实现用户密码强度判别的方法
Sep 27 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
destoon安全设置中需要设置可写权限的目录及文件
2014/06/21 PHP
PHP中preg_match正则匹配中的/u、/i、/s含义
2015/04/17 PHP
借用Google的Javascript API Loader来加速你的网站
2009/01/28 Javascript
js中判断控件是否存在
2010/08/25 Javascript
仿中关村在线首页弹出式广告插件(jQuery版)
2012/05/03 Javascript
AngularJS模块管理问题的非常规处理方法
2015/04/29 Javascript
浅谈jQuery中setInterval()方法
2015/07/07 Javascript
在线引用最新jquery文件的实现方法
2016/08/26 Javascript
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
setTimeout时间设置为0详细解析
2018/03/13 Javascript
jquery使用FormData实现异步上传文件
2018/10/25 jQuery
vue实现双向绑定和依赖收集遇到的坑
2018/11/29 Javascript
详解auto-vue-file:一个自动创建vue组件的包
2019/04/26 Javascript
详解js实时获取并显示当前时间的方法
2019/05/10 Javascript
Vue快速实现通用表单验证的示例代码
2020/01/09 Javascript
vue-iview动态新增和删除的方法
2020/06/17 Javascript
[00:29]2019完美世界全国高校联赛(秋季赛)总决赛海口落幕
2019/12/10 DOTA
Python实现计算最小编辑距离
2016/03/17 Python
python 编程之twisted详解及简单实例
2017/01/28 Python
Python实现查找匹配项作处理后再替换回去的方法
2017/06/10 Python
python matplotlib画图实例代码分享
2017/12/27 Python
对python制作自己的数据集实例讲解
2018/12/12 Python
python 实现矩阵填充0的例子
2019/11/29 Python
python如何保存文本文件
2020/06/07 Python
Python压缩模块zipfile实现原理及用法解析
2020/08/14 Python
pycharm + django跨域无提示的解决方法
2020/12/06 Python
HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
2013/01/30 HTML / CSS
美国最大的团购网站:Groupon
2016/07/23 全球购物
Kusmi茶美国官网:优质散叶茶和茶包
2019/10/13 全球购物
材料成型专业个人求职信范文
2013/09/25 职场文书
品牌宣传方案
2014/03/21 职场文书
《得道多助,失道寡助》教学反思
2014/04/19 职场文书
春节超市活动方案
2014/08/14 职场文书
湖南省党的群众路线教育实践活动总结会议新闻稿
2014/10/21 职场文书
2015年圣诞节活动总结
2015/03/24 职场文书
浅谈Golang 切片(slice)扩容机制的原理
2021/06/09 Golang