JQuery中基本选择器

最新推荐文章于 2022-08-01 14:22:34 发布
最新推荐文章于 2022-08-01 14:22:34 发布
阅读量350 收藏 5
点赞数
分类专栏： Jquery学习 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Raynaing/article/details/51281286
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script src="js/jquery-1.12.1.js"></script>
		<script type="text/javascript">
			$(function() {
				//基本选择器
				//1. * 代表所有的选择器
				//				$("*").css("border", "1px solid red");
				//2. .class表示类选择器
				//				$(".astyle").css("border", "1px solid red")
				//3. #id 表示id选择器 = getElementById("id")
				//				$("#li3").css("border", "1px solid red");
				//4. $("div") 元素选择器
				$("li").css("border", "1px solid red");
			});
		</script>
	</head>

	<body>
		<ul>
			<li>1. <a href="http://localhost">超链接1</a></li>

			<li>2. <a href="www.baidu.com">超链接2</a></li>

			<li id="li3">3. <a href="#">超链接3</a></li>

			<li>4. <a href="#" class="astyle">超链接4</a></li>
		</ul>
		<div>
			<textarea rows="2" cols="2"></textarea>
			<input />

		</div>
	</body>

</html>

Uno2
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery基础选择器
koastal的博客
02-04 414
#id 选择器如果你想要通过一个id号去查找一个元素，就可以使用如下格式的选择器：$("#my_id"),表示根据id选择器获取页面中指定的标签元素，且返回唯一一个元素。<div id="divtest">div的内容</div> <script type="text/javascript"> $("#divtest").html("hello world."); </script>html
jQuery基础与选择器
weixin_43339112的博客
07-18 94
jQuery简介   jQuery是一个JavaScript库，里面封装存放了特定的函数/方法，将js中的DOM操作做了封装，可以更方便的操作使用。 优点：优化了DOM操作、事件处理、动画设计和Ajax交互；链式编程、隐式迭代；轻量级，不会影响页面加载速度；支持插件扩展开发等。 版本：1.x --兼容老版本IE 文件更大； 2.x – 部分IE8及以下不支持 | 文件小，执行效率更高； 3.x – 完全不再支持IE8及以下版本 | 提供了一些新的API | 提供不包含ajax/动画API的版本
jQuery常用的 基本选择器
兮动人
10-25 760
什么是jQuery选择器 jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。注意：jQuery选择器返回的是jQuery对象。 jQuery选择器有很多，基本兼容了CSS1到CSS3所有的选择器，并且jQuery还添加了很多更加复杂的选择器。【查看jQuery文档】 jQuery选择器虽然很多，但是选择器之间可以相互替代，就是说获取一个元素，你会有很多种方法...
jQuery 常用选择器
最新发布
qq_27480007的博客
08-01 6294
jQuery 常用选择器
jQuery中选择器有哪些？
小缘同学的博客
09-14 2779
目录 一、基本选择器 1.1 元素选择器 1.2 属性选择器 1.3 css选择器 二、层次选择器 三、过滤选择器 四、表单选择器 一、基本选择器 基本选择器是最常用的选择器，其中又有元素选择器、属性选择器、css选择器等多种类别。 1.1 元素选择器 $("p") 选取<p>元素 $("#demo") 选取id为"demo"的元素 $(".demo") 选取class为"demo"的元素 1.2 属性选择器 $("[href]") 选取所...
Jquery中基本选择器用法实例详解
10-24
主要介绍了Jquery中基本选择器用法,以实例形式较为详细的分析了jQuery中常见选择器的使用方法,并备有较为详细的备注说明,需要的朋友可以参考下
jQuery中的基本选择器用法学习教程
10-22
本教程将深入探讨jQuery的基本选择器，分为简单、进阶和高阶三个层次。 1. 简单选择器： - 元素标签名选择器：通过元素的HTML标签名来选取元素，例如`$('div')`将选取所有`<div>`元素。 - ID选择器：使用`#`符号...
jquery基本过滤选择器
10-24
jquery基本过滤选择器举例、代码、html、可直接运行、学习jquery入门篇
jQuery基本过滤选择器使用介绍
12-12
简单过滤选择器是过滤选择器中使用最广泛的一种 jQuery选择器详解 根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中，在过滤选择器中有可以分为：...
Jquery获取和修改dom元素的属性值
功不唐捐，玉汝于成。
04-18 3504
获取内容的方式： - text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法： text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 代码： function showInp
Jquery之键盘输入数字转换大写
功不唐捐，玉汝于成。
04-30 2461
#show { background-color: lightgray; height: 50px; width: 200px; } var numarr = new Array("零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖"); $(function() { $("input")
jQuery中this与$(this)的区别
功不唐捐，玉汝于成。
04-30 1321
学习Jquery的时候，遇到一个问题： $(function() { console.info("this2：" + this); $(".div").on("mouseover", function(){ console.info("(this)3: " + this); console.info("$(this)3: " + $(this));
Jquery 的spilce和grep
功不唐捐，玉汝于成。
07-05 838
学习js原生态方法splice，即删除数组中制定元素 var arr = ['a','b','c','d']; arr.splice($.inArray('c',arr),1); alert(arr); 而grep函数则是采用过滤，对数组中的每个元素进行过滤，效率较慢 英文名 参数中文说明 array: 待过滤数组。 callb
Jquery之元素属性的设置和获取
功不唐捐，玉汝于成。
04-30 733
$(function(){ //attr函数不是js的函数，而是jquery扩展的函数 //意思是获取或者设置指定元素的属性 //1、设置百度的超链接，需要2个参数（key value） $("#aBaidu").attr("href", "http://www.baidu.com"); //2、获取指定属性值(参数为一个) $("#aBaidu")
jquery常用函数
功不唐捐，玉汝于成。
10-11 703
1、过滤 first(): 返回被选中元素的首个元素 last(): 末个元素 eq(n): 第n个元素 filter():指定一个标准，不匹配这个标准的元素会从集合中删除，匹配的元素会被返回 下面的例子将会返回带有类名为“info”的所有元素 $("p").filter(".info"); not(): 返回不匹配标准的所有元素 2、append()和after() a
Jquery之获取和设置元素内容
功不唐捐，玉汝于成。
04-30 688
$(function(){ //1、设置内容 $("#divHtml").html("nice to meet you"); $("#divText").text("nice to meet you"); //2、获取内容 $("#divHtml").html(); $("#divText").text(); //3、设置input的valu
Jquery层叠选择器
功不唐捐，玉汝于成。
04-29 596
//层叠选择器 //1. 后代选择器（不分层次）选中属于第一个ul的所有li节点；基准节点 空格 目标节点 $("ul:first li").css("border", "3px solid gray"); //2. 直属子节点选择器： 基准节点 大于号 目标节点 $("ul:first>li").css("border", "3px solid red");
Jquery内容选择器和表单选择器
功不唐捐，玉汝于成。
04-29 581
//内容选择器 //1. 选取内容包含is的段落 /*$("p:contains(is)").css("border", "3px solid red"); //2. 获取拥有input后代标签的div标签 $("div:has(input)").css("border", "3px solid red");*/ //和层叠选择器($("div input"
Jquery之子选择器和可见性选择器
功不唐捐，玉汝于成。
04-30 547
//子选择器 //1、选择所有位于其父节点后的第一个位置是指定元素（li）的元素子节点，如果li在ul的第一个位置，则不会被选择 $("li:first-child").css("border", "3px solid green"); //2、选择所有位于其父节点后的最后一个位置是指定元素（li）的元素子节点 $("li:last-child").css("bor
jQuery基础与选择器教程
通过在选择器中使用.context参数，可以在特定的DOM元素下进行选择。 2.12 创建自定义过滤器 jQuery允许创建自定义过滤器，以满足更复杂的元素选取需求。 通过学习本书，读者可以掌握jQuery的基础知识和选择器的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值