Jquery第一章基础、过滤、层次选择器第二节1/2

最新推荐文章于 2022-04-04 08:27:56 发布

Java成长记_Camel

最新推荐文章于 2022-04-04 08:27:56 发布

阅读量500

点赞数 2

分类专栏： jQuery前端框架文章标签： jquery jquery选择器

本文链接：https://blog.csdn.net/qq_30225725/article/details/89882965

版权

1. 基础选择器 Basics1.根据标签名进行选择var input_query=$(“input”);2.根据id值选取var text11_query=$("#text11");3.根据class值进行选取var text11_query=$(".text11");4.同时选择多个符合条件的JQuery包装集用,号分隔条件var text_query=$("#text11,....

摘要由CSDN通过智能技术生成

1. 基础选择器 Basics

1.根据标签名进行选择

var input_query=$(“input”);
2.根据id值选取

var text11_query=$("#text11");
3.根据class值进行选取

var text11_query=$(".text11");
4.同时选择多个符合条件的JQuery包装集用,号分隔条件

var text_query=$("#text11,.text12");
5.选择所有DOM元素

var all_query=$("*");

在这里插入图片描述

如果要是jquery对象的话 var 设置的变量名在前面加$ 这样为了跟dom js对象区分

jquery转dom 对象用.get(0) 的方法

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>基本标签选择器</title>
	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<style type="text/css">
		#div1{
   
			width: 100px;
			height: 100px;
			background: red;
		}
		.div2{
   
			width: 100px;
			height: 100px;
			background: pink;
		}
	</style>
</head>
<body>
//juerqy转换成dom   .get(0)
	<div id="div1"></div>
	<div class="div2"></div>
	<script type="text/javascript">
	//var divEle2 = document.getElmentById("div1");
	var $divEle = $("#div1");//
	var divEle = $divEle.get(0);//var divEle = $divEle[0];
	//alert(divEle.id);


	var divEle2 = document.getElmentById("div1");
	var $div1 = $(divEle2);
	</script>
</body>

在这里插入图片描述

jquery底层是一个数组

dom对象转jquery对象

	var divEle2 = document.getElmentById("div1");
	var $div1 = $(divEle2);

在这里插入图片描述
$(里面是dom对象)

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>基本标签选择器</title>
	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<style type="text/css">
		#div1{
   
			width: 100px;
			height: 100px;
			/*background: red;*/
			border: solid 1px red;
		}
		.c1{
   
			width: 100px;
			height: 100px;
			/*background: red;*/
			border: solid 2px yellow;
		}
	</style>
</head>
<body>

最低0.47元/天解锁文章

Java成长记_Camel

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Jquery第一章基础、过滤、层次选择器第二节1/2

1. 基础选择器 Basics1.根据标签名进行选择var input_query=$(“input”);2.根据id值选取var text11_query=$("#text11");3.根据class值进行选取var text11_query=$(".text11");4.同时选择多个符合条件的JQuery包装集用,号分隔条件var text_query=$("#text11,....
复制链接

扫一扫

专栏目录