JQ常用

最新推荐文章于 2022-10-26 18:54:51 发布
最新推荐文章于 2022-10-26 18:54:51 发布
阅读量197 收藏
点赞数
分类专栏： JQuery 
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function(){
			//抓ID
			$('#box').css({'width':'200px','height':'400px','border':'1px solid red'})
			
			//标签名抓元素 //  抓取的是#box 下面所有p元素， 不管是子代 还是孙子代
			$('#box p').css({'color':'pink'})
			
			//	class名抓元素
			$('.box').css({'background':'yellow'})
			
			//	群组选择器
			$('.p,.p1').css({'color':'blue'})
			
			//找亲儿子
			$('#box>p').css({'background':'brown'})
			
			//	寻找找到 紧挨class名为p的元素的下一个class名叫p1的元素
			$('.p+.p1').css({'background':'#000'})
			
			//	找到.p后面所有兄弟元素class名叫p1
			$('.p~.p1').css({'background':'#ff6700'})
			
			//	寻找到所有p标签中第一p标签
			$('p:first').css({'background':'purple'})
			
			//	寻找到所有p标签中最后一个p标签
			$('p:last').css({'color':'blue'});
			
			//	找到所有的p标签不包括class名叫做p标签
			$('p:not(.p)').css({'color':'#aaddee'})
			
			
			//	找到所有奇数行的p标签
			$('p:even').css({'color':'blue'});
			
			//	找到所有偶数行的p标签
			$('p:odd').css({'color':'blue'});
			
			//找到下标为3的p标签
			$('p:eq(3)').css({'color':'blue'});
			//	另一种写法
			$('p').eq(4).css({'color':'blue'});
			
			//找到第一个子集元素	
			$('#box p:first-child').css({'background':'green'});
			
			//找到最后一个子集元素
			$('#box p:last-child').css({'background':'#eeaadd'});
		})
	</script>
</head>
<body>
	<div id="box">
			<p class="p2">今天真凉快！</p>
			<p class="p1">今天我们不留作业！</p>
			<p  class="p1">同学们很高兴，他们竟然相信了！</p>
			
			<div class="box">
				<p class="p">今天真凉快！</p>
				<p class="p1">今天我们不留作业！</p>
				<p  class="p1">同学们很高兴，他们竟</p>
			</div>
			
			<div class="box">
				<p class="p">今天真凉快！</p>
				<p class="p1">今天我们不留作业！</p>
				<p  class="p1">同学们很高兴，他们竟</p>
			</div>
		</div>
</body>
</html>


$(this).addClass('active').siblings('span').removeClass('active');


li3196672779
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jq 常用操作
jingmi_yu的博客
01-09 901
简介 jq 是个非常强大的处理 JSON 数据的命令行工具。这里记录一下最近使用 jq 所使用的一些操作，方便以后使用的时候查看 基本操作 ubuntu 安装方法： $ apt install jq 查看帮助 jq -h jq - commandline JSON processor [version 1.5-1-a5b5cbe] Usage: jq [options] <jq f...
jq常用属性以及标签的使用
12-06
jq学习资源，包括jq介绍，jq的css操作，DOM对象与jQuery对象的互换
JQ常用事件
qq_48984694的博客
10-26 1234
JQ的常用事件
JQ常用方法
Argent_
08-13 142
参考：https://www.jb51.net/article/86080.htm 参考：https://www.jianshu.com/p/479348aa61bf?from=groupmessage 参考：https://www.jianshu.com/p/e4e59a31d949 参考：https://blog.csdn.net/h13783313210/article/details/79...
jq 常用语句
weixin_30856965的博客
11-21 171
#jq post 请求 $.post("demo_ajax_gethint.asp",{suggest:txt},function(result){ }); #jq get 请求 $.get("demo_ajax_load.txt", function(result){ }); // jq单击事件 $("#button").click(fun...
jq常用单词
mask_z6的博客
05-08 418
document.getElementsByClassName() document.getElementsTagName() dow 转jq加$ jq 转dom加下标 odd 奇数 even 偶数 mouseover 移入 mouseout 移出 修改一个 $("div").css("color","yellow") 修改多个 $("div").css({ "width":"320px", "height":"320px", }) 获取固......
jq常用过滤器_jquery 过滤器
weixin_39785165的博客
12-21 2056
1.基本选择器基本选择器是JQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class 和标签名来查找DOM元素。这个非常重要，下面的内容都是以此为基础，逐级提高的。1).“$(“#id”)”，获取id指定的元素，id是全局唯一的，所以它只有一个成员。2).“$(“.class”)”，获取class指定的元素，不同的元素可以具有相同的class属性，所以它可能具有多个成员。3).“...
jq 常用工具方法
哈哈绝的博客
12-03 250
jq 常用工具方法 $.type $.isFunction $.isEmptyObject $.each $.merge $.grep
JQ常用选择器
cheng1a的博客
02-09 486
JQ常用选择器 *： //所有的元素 $("body *") //选择body内所有元素 #id //选取带有唯一的指定id的元素 ​ $("#hope") //选取id="hope"的元素 .class //选取带有指定的class元素（与id选择器不同，class选择器常用于多个元素） ​ $(".hope") //选取class="hope"的元素 element //选取带有指定标签名的元素 ​ $("p") //选取所有<p>标签 $("a") //选取所有&l
JQ 常用方法
boonyaxnn的博客
04-22 2234
一、 1、length/size 描述：获取jq对象内元素的数量； 语法：jq对象.length 【属性】 jq对象.size()【方法】 eg： console.log($('.box').length); console.log($('p').size()); 2、jq提供的伪类 选择器:first ...
jq常用操作
wanlin77的博客
09-09 237
记录一些jqeury的一些常用方法，慢慢填补 1.控制checkbox选中 $("#id").prop("checked", true);
jq常用方法
01-13
### jq（jQuery）常用方法详解 #### 一、选择元素 **1.1 基本选择器** - `$("标签")`: 选取所有指定标签的元素。 - `$("#id")`: 通过ID选择单个元素。 - `$(".class")`: 通过类名选择元素。 - `$("标签,#id,....
JQ常用知识点梳理
05-14
JQ常用知识点梳理
JQ 常用的jQuery方法
06-10
**jQuery简介** jQuery是一款高效、简洁的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。jQuery的核心理念是"Write Less, Do More"，即通过简洁的代码实现丰富的功能，降低了...
JQ 一些常用的方法
06-10
本篇文章将详细探讨JQ的一些常用方法，帮助开发者更好地理解和运用这个强大的工具。 一、选择器 jQuery的选择器是其核心功能之一，它们基于CSS选择器，使得选取DOM元素变得简单。例如： 1. `$("#id")`：通过ID选取...
pillow-10.4.0-pp39-pypy39_pp73-macosx_11_0_arm64.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
avif-0.5.0-cp35-cp35m-macosx_10_9_x86_64.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
pillow-10.4.0-cp39-cp39-musllinux_1_2_x86_64.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
1250KVA本体基础图11
最新发布
07-27
1250KVA本体基础图11
"前端JS面试题与JQ常用选择器、插件实现方式及bind与live区别详解
其中，JQ常见选择器包括逗号选择器、分组选择器、空格祖先选择器、大于号父子选择器、加号紧接兄弟选择器、波浪线号选择器等等。此外，还介绍了一些jQuery的特殊选择器，如:first、:last、:not、:first-child、:last...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值