find()与children()

<body>

	<ul class="level-1">

		<li class="item-i">I</li>

		<li class="item-ii">II

			<ul class="level-2">

				<li class="item-a">A</li>

				<li class="item-b">B

					<ul class="level-3">

						<li class="item-1">1</li>

						<li class="item-2">2</li>

						<li class="item-3">3</li>

					</ul>

				</li>

				<li class="item-c">C</li>

			</ul>

		</li>

		<li class="item-iii">III</li>

	</ul>

</body>

find

$(".level-2").find("li").css("border", "1px solid red");

结果：

children

$(".level-2").children().css("border", "1px solid red");

结果

结论：

两者都是用来寻找当前结点的后代元素，但children找的是直系（只向下找一级），find找的是所有的子孙后代；用法上，chilren不用跟参数，find则必须跟参数。

绑定与解绑事件

bind()

用法：

bind(eventType [, eventData ], handler)

handler是绑定到当前选中的元素，所以这些元素在调用bind之前必须存在。

自jQuery3.0开始，已不建议使用

<body>

	<p>Click or double click here.</p>

	<span></span>

</body>


$("p").bind("click", function (event) {

    var str = "( " + event.pageX + ", " + event.pageY + " )";

    $("span").text("Click happened! " + str);

});

对于动态增加的元素，之前通过bind绑定的事件对它不起作用。例如：

$("body").append("<p>新增</p>");

live

用法：

live(events, handler)

描述：

Attach an event handler for all elements which match the current selector, now and in the future.

自jQuery1.7开始，已不建议使用

小结论：bind和live一次只能绑定一个事件，且都已不被建议使用。

delegate

用法：

delegate(selector, eventType, handler)

描述：

Attach a handler to one or more events for all elements that match the selector, now or in the future, based on a specific set of root elements.

自jQuery3.0开始，已不建议使用

<body>

	<p>Click me!</p>

</body>


$("body").delegate("p", "click", function () {

    $(this).after("<p>Another paragraph!</p>");

});

结果：点击p都会产生新的"Another paragraph!"，而对新产生的p标签点击之后也绑定了click事件。

点击原有的p标签



点击新生的p标签

on

用法：

on(events [, selector ] [, data ], handler)

描述：

Attach an event handler function for one or more events to the selected elements.

<body>

	<p>click me</p>

</body>


$("p").on("click select", function () {

    alert("attention");

});

$("body").append("<p>new one</p>");

结果



结论

函数名 可绑定的事件数 能对后添加元素绑定事件 jQuery建议版本
bind 1 不能 <=3.0
live 1 能 <=1.7
delegate 多 能 <=3.0
on 多 不能 now

对应的解绑函数分别为 unbind() die() undelegate() off()

jQuery中易混淆知识点总结（持续更新）的更多相关文章

  1. js中一些小知识点总结--持续更新

    以下知识点来自于编写高质量代码-改善JavaScript程序的188个建议,只用于自我知识的补充. 一.NaN 1.NaN是一个特殊的数量值,不表示一个数字,尽管下面的代码仍然是返回类型为number ...

  2. JQuery中易混淆的概念

    append(): 向每个匹配的元素内部追加内容. <p>I would like to say: </p> $("p").append("< ...

  3. C#中易混淆的知识点

    C#中易混淆的知识点 一.引言 今天在论坛中看到一位朋友提出这样的一个问题,问题大致(问题的链接为:http://social.msdn.microsoft.com/Forums/zh-CN/52e6 ...

  4. Java-web易混淆知识点整理

    Java-web易混淆知识点 post和get区别 post: 数据不会显示在地址栏 安全 大小无限制 可以提交二进制文件 get: 数据显示在地址栏 不安全 get方式提交有大小限制(约4kb) 相 ...

  5. lua中易混淆函数

    lua中易混淆的函数 ipairs和pairs: ipairs只能顺序遍历table,遇到key不是数字就会退出 pairs可以遍历table中所有元素 ----------------------- ...

  6. JavaScript中易混淆的DOM属性及方法对比

    JavaScript中易混淆的DOM属性及方法对比 ParentNode.children VS Node.prototype.childNodes ParentNode.children:该属性继承 ...

  7. PHP 日常开发过程中的bug集合（持续更新中。。。）

    PHP 日常开发过程中的bug集合(持续更新中...) 在日常php开发过程中,会遇到一些意想不到的bug,所以想着把这些bug记录下来,以免再犯! 1.字符串 '0.00'.'0.0'.'0'  是 ...

  8. C#、Java中的一些小知识点总结(持续更新......)

    前言:在项目中,有时候一些小的知识,总是容易让人忽略,但是这些功能加在项目中往往十分的有用,因此笔者在这里总结项目中遇到的一些实用的小知识点,以备用,并持续更新...... 1.禁用DataGridV ...

  9. C# 知识点记录(持续更新中）

    从看C#入门经典开始系统的学习C#,本文主要记录学习过程中的一些知识点,也是我博客生涯的开始,比较重要成体系的部分会单重新写文章整理归纳. 1.一字不变的字符串 @字符 使转义序列不被处理,按照原样输 ...

随机推荐

  1. 使用assets目录来实现插件机制

    /** * 管理接口. * @author jevan * @version 1.0 at 2013-12-6 * */ public interface IManage { /** * 注册平台接口 ...

  2. MySQL学习笔记(四)—存储过程

    一.概述      存储过程是数据库定义的一些SQL语句的集合,然后直接调用这些存储过程和函数来执行已经定义好的SQL语句.存储过程可以避免开发人员重复的编写相同的SQL语句,而且存储过程是在MySq ...

  3. Andorid自动读取短信验证码

    手机收到验证码短信后,程序自动识别验证码并填充验证码输入框. 思路是有了,实现的方式也有多种: 1.开启一个线程,隔一段时间就去查询收件箱是否有变化,有变化再读取出来做处理. 2.注册一个短信变化的广 ...

  4. How To Use ggplot in ggplot2？

    1.What is ggplot2 ggplot2基本要素 数据(Data)和映射(Mapping) 几何对象(Geometric) 标尺(Scale) 统计变换(Statistics) 坐标系统(C ...

  5. JavaScript运算符优先级

    图片引用自:http://www.cnblogs.com/xxcanghai/p/5189353.html

  6. JavaScript编码解码以及C#中的编码解码

    JS: 编码 解码 escape   unescape encodeURI decodeURI encodeURIComponent decodeURIComponent C#: HttpUtilit ...

  7. 4 安装MPush

    cnblogs-DOC 1.服务器环境 2.安装Redis3.安装Zookeeper4.安装MPush5.安装Alloc服务6.完整测试7.常见问题 一.Linux安装Mpush [root@loca ...

  8. windows平台把UliPad添加到右键菜单

    对.py文件支持右键用UliPad打开方式支持: 1.打开注册表(win+R,运行框输入regedit) 2.先对*.py文件进行设置.找到注册表目录HKEY_CLASSES_ROOT\Python. ...

  9. PMD教程

    1.单词 violations outline:错误大纲2.错误级别 红色 很高的错误 橙色 错误 黄色 很高的警告 绿色 警告 蓝色 输出信息3.提示 Avoid excessively long ...

  10. 又拍云SSL证书全新上线，提供一站式HTTPS安全解决方案

    互联网快速发展,云服务早已融入每一个人的日常生活,而互联网安全与互联网的发展息息相关,这其中涉及到信息的保密性.完整性.可用性.真实性和可控性.又拍云上线了与多家国际顶级 CA 机构合作的数款OV & ...