jQuery对象其他操作学习笔记

最新推荐文章于 2024-04-19 15:28:40 发布
最新推荐文章于 2024-04-19 15:28:40 发布
阅读量104 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangqling/article/details/79951937
版权

1.is(select),返回值为true或false 

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>each</title>
</head>
<body>
	<div class="box" id="box">
		<div class="box1" id="box1">
			<div class="box2" id="box2">
				<p>我是p标签</p>
				<ul class="box3" id="box3">
					<li class="li1" id="li1">我是li1</li>
					<li class="li2" id="li2">我是li2</li>
					<li class="li3" id="li3">我是li3</li>
					<li class="li4" id="li4">我是li4</li>
					<li class="li5" id="li5">我是li5</li>
					<li class="li6" id="li6">我是li6</li>
				</ul>
			</div>
		</div>
	</div>
	<script src="../jquery/jquery-3.3.1.js"></script>
	<script>
		$(function(){
			console.log($("#box2").children().is("p"));//返回值为true或false，如果id=box2的子元素中有p元素，则返回true，否则为false。
			console.log($("#box3").find("#li3").css("color","red").find("#li6").css("color","orange"));//由于没有用在find("#li3").css("color","red")加end(),所以原来的jQuery对象遭到破坏,破坏后的对象中后代元素没有id=li6元素，所以找不到，颜色不会发生变化。
		})
	</script>
</body>
</html>

运行结果如下：
2.end( )对破坏性操作进行返回 

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>end</title>
</head>
<body>
	<div class="box" id="box">
		<div class="box1" id="box1">
			<div class="box2" id="box2">
				<p>我是p标签</p>
				<ul class="box3" id="box3">
					<li class="li1" id="li1">我是li1</li>
					<li class="li2" id="li2">我是li2</li>
					<li class="li3" id="li3">我是li3</li>
					<li class="li4" id="li4">我是li4</li>
					<li class="li5" id="li5">我是li5</li>
					<li class="li6" id="li6">我是li6</li>
				</ul>
			</div>
		</div>
	</div>
	<script src="../jquery/jquery-3.3.1.js"></script>
	<script>
		$(function(){
			console.log($("#box3").find("#li3").css("color","red").end().find("#li6").css("color","orange"));//由于没有用在find("#li3").css("color","red")加end(),所以原来的jQuery对象遭到破坏,破坏后的对象中后代元素没有id=li6元素，所以找不到，颜色不会发生变化。加入end()之后就相当于从破坏后返回到以前。此时能找到id=li6的元素并添加样式。
		})
	</script>
</body>
</html>


结果如下图所示
3.addBack把破坏前的jQuery对象也添加进来 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>addBack</title>
</head>
<body>
	<div class="box" id="box">
		<div class="box1" id="box1">
			<div class="box2" id="box2">
				<p>我是p标签</p>
				<ul class="box3" id="box3">
					<li class="li1" id="li1">我是li1</li>
					<li class="li2" id="li2">我是li2</li>
					<li class="li3" id="li3">我是li3</li>
					<li class="li4" id="li4">我是li4</li>
					<li class="li5" id="li5">我是li5</li>
					<li class="li6" id="li6">我是li6</li>
				</ul>
			</div>
		</div>
	</div>
	<script src="../jquery/jquery-3.3.1.js"></script>
	<script>
		$(function(){
			console.log($("#li3").nextUntil("#li5").addBack().css("color","orange"));//不加addBack之前id=li3的元素字体不会变色，加了之后addBack()就会把破坏前的jQuery对象也加进来。
		})
	</script>
</body>
</html>

运行结果如下图所示

qianlingvip
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery学习笔记 操作jQuery对象 属性处理
12-11
元素的属性处理 方法 描述 attr(name) attr(name,value) attr(name,fn(index,value)) attr({name1:value1,…,nameN:valueN}) ...获取某个属性的取值，或可以用于设置某个属性的值。还可以使用函数作为参数，将...
其他jQuery对象处理方法
weixin_30263277的博客
05-20 50
一、.is()方法 1、检查是否包含指定特征的元素 二、.toArray()方法 1、转换jQuery对象为数组 三、pushStack()方法 1、将一个DOM元素集合加入到jQuery栈中 四、.add()方法 1、把与表达式匹配的元素与原来的jQuery对象中的元素合并,形成一个新的jQuery对象 ...
Jquery操作＜前端学习笔记＞
DZW5323的博客
07-07 221
事件绑定 链式编程 通过（.）把多个操作（方法）连续的写下去，形成链子一样的结构 内容操纵 jQuery 中封装了设置和读取网页元素文本内容的方法 过滤方法 jQuery 中封装了过滤方法，对jQuery对象中的dom元素再次筛选 样式操作 属性操作 jQuery中对属性的操作进行封装，可以设置、获取和删除属性 操纵value jQUery 中封装了操纵表单元素value属性的方法，可以取值和赋值 查找方法 jQuery 中封装了查找元素的方法，可以基于元素的结构关系查找新的元素 操作类名 jQuery
jQuery学习笔记
深思纵似丁香结，一展芭蕉寸凡心。
01-20 956
jQuery学习笔记 JQuery入门-笔记部分 jQuery概述 jQuery是js库 库：相当于java的工具类，库是存放东西的，jQuery是存放js代码的地方，放的是用js代码写的函数 jquery是为了简化js的操作 jquery的安装 <script src="js/jquery-3.4.1.js" type="text/javascript"></script> 需要（在前面）引入jquery的核心js文件，不然会报错（$未定义）! jquery核心 $ 符号在j
jQuery——jQuery学习笔记(完整版）
Bonsoir777的博客
09-16 1117
本文主要介绍有关jQuery的相关知识点
jQuery的学习笔记
qi_bai_jin的博客
11-06 1010
jQuery是一个快速，小型且功能丰富的JavaScript库。它使HTML文档遍历和操作，事件处理，动画和Ajax之类的事情变得更加简单，并且易于使用的API可以在多种浏览器上运行。凭借多功能性和可扩展性的结合，jQuery改变了数百万人编写JavaScript的方式。
JQuery 学习笔记
qq_57218855的博客
05-30 78
JavaScript库：即library，是一个封装好的特定的集合（方法和函数）。jQueryPrototypeYUlDojoExt JS移动端的zepto。
jQuery学习笔记之jQuery常用方法
2401_84091544的博客
04-19 359
在原生的 DOM 操作中，事件函数内部有一个 this 关键字指向的就是触发事件的事件源，在 jQuery 中将 this 关键字传递给 $() 方法，得到就是指向自己的 jQuery 对象，就可以使用 JQ 的方法。• 两个参数：表示设置 css 样式属性，第二个参数可以是字符串格式的属性值，如果带单位的数字的属性值，可以写成带单位的字符串格式、不带单位的字符串、纯数字、带 += 等赋值运算的字符串。• 一个参数：表示调用 css 属性的值，得到的是某个元素的计算后样式，值为字符串格式。
JQuery学习笔记
热爱编程、热爱生活、热爱探索
08-21 397
万字详解带你快速了解并上手JQuery，同时文中还参杂一些使用JQuery的经验，帮助你提前避坑
jQuery学习笔记(1)
2301_76379381的博客
04-19 378
技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。有需要面试题资料的朋友点击这里可以免费领取。**
jquery如何拿到一个对象_Jquery学习笔记：获取jquery对象的基本方法
weixin_39855796的博客
12-22 558
jquery最大的好处是将js对html页面的操作(读写)进行了封装，隔离了浏览器的差异性，并简化了操作，和提供了强大的功能。在web页面中，所有的js操作都是围绕操作dom对象来的。而jquery对象就是对dom对象的封装。整个jquery代码的主要工作就是获取相应的jquery对象，然后调用对象的各种方法进行操作。也就是获取jquery对象是编写代码的核心和基础。通过jquery提供的方式，可...
jQuery学习笔记 操作jQuery对象 CSS处理
12-09
CSS基本属性处理 方法 描述 css(name) ...获取元素上CSS规则中name属性值 ...设置元素上CSS规则name属性的值为value，也可使用函数参数，不解释；...这两个方法获取的是元素在页面中的实际高度宽度值，多用于数学
jQuery学习笔记 更改jQuery对象
12-04
jQuery代码的任务就是生成jQuery对象A，操作jQuery对象A；生成jQuery对象B，操作jQuery对象B……但是若此过程中，对象A、B……之间有某种关系，那么完全没必要一个个去$(selector)，这很繁琐的。因此jQuery提供了...
Jquery学习笔记分享
11-24
7. jQuery对象和DOM对象 3 第2章. jQuery选择器 4 1. jQuery优点 4 2. 基本选择器 4 3. 层次选择器 4 4. 过滤选择器 5 5. 内容过滤选择器 5 6. 可见性过滤选择器 5 7. 属性过滤选择器 6 8. 子元素过滤选择器 6 9. ...
node-v5.11.0-x86.msi
05-07
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
41532698775097Facebook Lite_405.0.0.8.113_apkcombo.com.armeabi-v7a.apk
05-07
41532698775097Facebook Lite_405.0.0.8.113_apkcombo.com.armeabi-v7a.apk
2024-2030中国RDF制粒机市场现状研究分析与发展前景预测报告.docx
05-07
2024-2030中国RDF制粒机市场现状研究分析与发展前景预测报告
财务困境-RLPM模型.xlsx
最新发布
05-07
详细介绍及样例数据：https://blog.csdn.net/li514006030/article/details/138549562
基于python实现的Socket服务器与传感器通讯手段实现的家庭能源管理系统
05-07
【作品名称】：基于Socket作为服务器与传感器通讯手段实现的家庭能源管理系统 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
jQuery学习笔记——事件
06-08
好的，关于 jQuery 的事件，我可以和你分享一些学习笔记。 1. 绑定事件 在 jQuery 中，我们可以通过以下方式来绑定事件： ``` $(selector).event(function(){ // 事件处理程序 }) ``` 其中，`selector` 表示要...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值