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 相关文章推荐
encode脚本和normal脚本混用的问题与解决方法
Mar 08 Javascript
JavaScript 基础知识 被自己遗忘的
Oct 15 Javascript
javascript入门基础之私有变量
Feb 23 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
Sep 27 Javascript
jquery学习总结(超级详细)
Sep 04 Javascript
jQuery实现自定义下拉列表
Jan 05 Javascript
浅谈JSON.parse()和JSON.stringify()
Jul 14 Javascript
jQuery操作属性和样式详解
Apr 13 Javascript
基于 D3.js 绘制动态进度条的实例详解
Feb 26 Javascript
react 移动端实现列表左滑删除的示例代码
Jul 04 Javascript
Openlayers+EasyUI Tree动态实现图层控制
Sep 28 Javascript
vue 自定义的组件绑定点击事件
Apr 21 Vue.js
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实现删除指定目录下相关文件的方法
2014/10/20 PHP
form表单中去掉默认的enter键提交并绑定js方法实现代码
2013/04/01 Javascript
String.prototype实现的一些javascript函数介绍
2013/11/22 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
2014/04/04 Javascript
jquery+ajax验证不通过也提交表单问题处理
2014/12/12 Javascript
JavaScript中数据结构与算法(一):栈
2015/06/19 Javascript
C#中使用迭代器处理等待任务
2015/07/13 Javascript
jquery+css实现绚丽的横向二级下拉菜单-附源码下载
2015/08/23 Javascript
js实现select选择框效果及美化
2016/08/19 Javascript
Javascript之面向对象--封装
2016/12/02 Javascript
Vue.js学习示例分享
2017/02/05 Javascript
基于复选框demo(分享)
2017/09/27 Javascript
node作为中间服务层如何发送请求(发送请求的实现方法详解)
2018/01/02 Javascript
Jquery获取radio选中值实例总结
2019/01/17 jQuery
小程序server请求微信服务器超时的解决方法
2019/05/21 Javascript
Vue 2.0 侦听器 watch属性代码详解
2019/06/19 Javascript
监控微信小程序中的慢HTTP请求过程详解
2019/07/05 Javascript
js实现菜单跳转效果
2020/12/11 Javascript
python采用getopt解析命令行输入参数实例
2014/09/30 Python
python中安装模块包版本冲突问题的解决
2017/05/02 Python
python 以16进制打印输出的方法
2018/07/09 Python
selenium+python 对输入框的输入处理方法
2018/10/11 Python
Python基础之文件读取的讲解
2019/02/16 Python
python中的&amp;&amp;及||的实现示例
2019/08/07 Python
python matplotlib 画dataframe的时间序列图实例
2019/11/20 Python
CSS+jQuery+PHP+MySQL实现的在线答题功能
2015/04/25 HTML / CSS
美国最大的在线寄售和旧货店:Swap.com
2018/08/27 全球购物
英国在线泳装店:Simply Swim
2019/05/05 全球购物
恶意软件的定义
2014/11/12 面试题
大四学年自我鉴定
2013/11/13 职场文书
六查六看自查材料
2014/02/17 职场文书
七夕活动策划方案
2014/08/16 职场文书
2014年服务员工作总结
2014/11/18 职场文书
党的群众路线教育实践活动先进个人材料
2014/12/24 职场文书
学校拾金不昧表扬信
2015/01/16 职场文书
MySQL Shell import_table数据导入的实现
2021/08/07 MySQL