JQuery find()方法和children()方法的区别

news/2024/7/10 23:02:20 标签: jquery, find, children

        find() 方法定义:它是获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。find()方法要注意的地方:find()方法是在当前元素集合内部查找,不包括自己。

        实例:

<!DOCTYPE html>
<html>
<head>
<script language="JavaScript" type="text/JavaScript"
	src="lib/jquery/jquery-1.9.1.js"></script>
<style>
body {
	font-size: 16px;
	font-weight: bolder;
}
p {
	margin: 5px 0;
}
</style>
</head>
<body>
	<div>
		<span>Hello</span> <span>
			<p class="selected">test</p> </span>
		<p>And One Last Time</p>
		<p class="selected">again</p>
	</div>
	<p class="selected">Hello Again</p>
	<script>$("div").find(".selected").css("color", "blue");</script>
</body>
</html>

        运行结果:

        children()方法,表面意思就是:孩子,儿童,子女的意思,一般理解为子女或儿子。为什么这样理解?下面先看一下children的定义吧。

        children()方法定义:它是获得匹配元素集合中每个元素的所有子元素(不包括自己,只能在儿子辈(第一层)查找)。
        我理解是children是匹配集合中每个元素的“儿子辈”的子元素。find()除了儿子辈,还包括孙子辈,即只要是它的后代就行。

<!DOCTYPE html>
<html>
<head>
<script language="JavaScript" type="text/JavaScript"
	src="lib/jquery/jquery-1.9.1.js"></script>
<style>
body {
	font-size: 16px;
	font-weight: bolder;
}
p {
	margin: 5px 0;
}
</style>
</head>
<body>
	<div>
		<span>Hello</span> <span>
			<p class="selected">test</p> </span>
		<p>And One Last Time</p>
		<p class="selected">again</p>
	</div>
	<p class="selected">Hello Again</p>
	<script>$("div").children(".selected").css("color", "blue");</script>
</body>
</html>

        运行结果:


http://www.niftyadmin.cn/n/1318729.html

相关文章

程序内部向另一个程序传值

class HttpHelper {/*** 发送post请求** param string $url 请求地址* param array $data post数据* param array $cookie 发送的cookie* param string $timeout 超时时间* return string 请求页的输出数据*/public static function post($url, $data array(),…

对Sea.js 进行seajs.config配置

seajs.config配置可以对 Sea.js 进行配置&#xff0c;让模块编写、开发调试更方便。 seajs.config seajs.config(options)用来进行配置的方法。 seajs.config({// 别名配置alias: {es5-safe: gallery/es5-safe/0.9.3/es5-safe,json: gallery/json/1.0.2/json,jquery: jquery/jq…

浅谈group by和distinct

group by和distinct只了去重意义一样&#xff0c;但是group by应用范围更广泛些&#xff0c;如分组汇总或者从聚合函数里筛选数据等。 譬如&#xff1a;统计每id数并且只显示数大于3 select id ,count(id) from table_name group by id having count(*)>3; distinct做不到。…

对架构的理解

架构 什么是架构 总结一下&#xff0c;什么是架构&#xff0c;就是&#xff1a; 1.根据要解决的问题&#xff0c;对目标系统的边界进行界定。 2.并对目标系统按某个原则的进行切分。切分的原则&#xff0c;要便于不同的角色&#xff0c;对切分出来的部分&#xff0c;并行或串…

ora-00054:resource busy and acquire with nowait specified解决方法

当某个数据库用户在数据库中插入、更新、删除一个表的数据&#xff0c;或者增加一个表的主键时或者表的索引时&#xff0c;常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行&#xff08;或者事务已经被锁&#xff09…

(转)Asp.Net生命周期系列三

原文地址&#xff1a;http://www.cnblogs.com/skm-blog/p/3178862.html 上文讲到了HttpRunTime主要做了三个事情&#xff0c;我们先回忆一下。 第一&#xff1a;雇佣了项目经理&#xff08;HttpApplication&#xff09;。 第二&#xff1a;建立了HttpModule列表&#xff0c;项目…

对框架的理解

框架&#xff08;Framework&#xff09;是整个或部分系统的可重用设计&#xff0c;表现为一组抽象构件及构件实例间交互的方法;另一种定义认为&#xff0c;框架是可被应用开发者定制的应用骨架。前者是从应用方面而后者是从目的方面给出的定义。 可以说&#xff0c;一个框架是…

ORACLE自定义异常

实例&#xff1a; CREATE OR REPLACE PROCEDURE test_Exception (ParameterA IN varchar2,ParameterB IN varchar2,ErrorCode OUT varchar2 --返回值,错误编码 ) AS/*以下是一些变量的定义*/V1 NUMBER;V2 nvarchar2(20);V3 NUMBER; APP_EXP EXCEPTION; --自定义…