jQuery学习小结(一)

最新推荐文章于 2021-03-25 22:03:43 发布

帅哥学Java

最新推荐文章于 2021-03-25 22:03:43 发布

阅读量136

点赞数 1

分类专栏：前端基础

本文链接：https://blog.csdn.net/ls_wifi/article/details/102613395

版权

前端基础专栏收录该内容

13 篇文章 1 订阅

订阅专栏

jquery对象是由jquery函数来负责创建的，它就是个数组，里面放的是我们当前定位的所有DOM对象，利用jquery中的功能函数对本次定位的DOM对象来进行快速操作，操作它们的属性

例子如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<script type="text/javascript" src="jquery3.4.1.js"></script>
	<script type="text/javascript">
		function selectAll(){
			//1.获得第一个checkbox的选中状态
			var flag=$("#selectAllBut").prop("checked");
			
			//2.为所有数据行checkbox的选中状态设置
			var $obj=$(".ah");//jquery对象名称一般是以$开头的.
			$obj.prop("checked",flag);
		}
	</script>
	<body>
		<input type="checkbox" onclick="selectAll()" id="selectAllBut" />全选<br />
		<input type="checkbox" class="ah" />吃<br />
		<input type="checkbox" class="ah" />喝<br />
		<input type="checkbox" class="ah" />玩<br />
	</body>
</html>

1.如何将JQUERY对象转换为DOM对象。

for(var i=0;i<$obj.length;i++){

var domObj= $obj[i];

}

2..如何将DOM对象转换为JQUERY对象

var $obj=$(domObj);

*************jquery对象与DOM对象之间属性和函数彼此不能调用************

3.JQUERY选择器语法

一、选择器语法：就是对DOM对象进行定位的条件，比如根据ID定位，根据标签类型名

二、JQUERY中只有三种选择器

1.基本选择器：

定位条件：可以根据ID编号，根据标签类型名，根据标签采用样式选择器(其实就是类名)

使用：1） $("#id编号"): 代替 document.getElementById("id")

根据ID编号定位对应的DOM对象。让DOM对象保存到一个数组中并返回。

返回这个数组就是Jquery对象。

2） $(".样式选择器名称"): 代替document.getElementsByClassName("样式选择器名")

3) $("标签类型名"): 代替document.getElementsByTagName()

4） $("*"):定位浏览器中所有的DOM对象保存到同一个数组中并返回。

5） $("条件1，条件2")：只要DOM对象满足其中的一种条件，就会被定位到数组中，相当于mysql中的or

where sal>=3000 or job='manager'

2.jquery对象中的css函数:负责将jquery对象中所有的DOM对象的样式属性进行统一赋值

3.层级选择器:

1) [定位条件]:可以根据标签之间父子关系定位

可以根据标签之间兄弟关系定位

2) 【标签之间关系】:

父子关系:就是包含关系

<tr>
   <td>
    <input  type="checkbox">
    </td>
 </tr>
  td是tr的直接子标签 
  input是td的直接子标签，是tr的间接子标签

兄弟关系:两个标签拥有相同的父标签，并且彼此之间没有包含关系

<body>
   <div>1</div>  大哥
   <div>2</div>  二哥
   <p>段落标签</p> 三弟
</body>

如何使用层级选择器:

1) $("定位父标签条件>定位子标签条件")

定位当前父标签下，所有满足条件的【直接子标签】

2) $("定位父标签条件定位子标签条件")

定位当前父标签下，所有满足条件的【直接子标签】和【间接子标签】

3) $("定位当前标签条件~定位兄弟标签条件"):

定位当前标签【后面】,所有满足条件的兄弟标签

4) $("定位当前标签条件+定位兄弟标签条件"):

定位当前标签【后面与之紧邻的】,并且满足条件的兄弟标签

5) $("定位当前标签条件").siblings("定位兄弟标签条件")

定位当前标签[前面与后面]所有满足条件的兄弟标签

4、INPUT标签选择器:

1）作用:作为浏览器向网站发送请求时携带请求参数。

2） [使用]： $(":type属性名字")

[例子]: $(":button"):定位页面中所有的button关联的DOM

5. $obj.val():函数读取jquery对象中【第一个DOM对象】的value属性内容

$obj.val("值"):为jquery对象中所有的DOM对象的value属性值进行统一赋值.

6.对jquery的DOM对象作循环遍历的时候，别写for循环，用each()函数，用来遍历jquery对象中的DOM对象。每次读取一个

【下标值】和对应的【DOM对象】，然后交给处理函数

帅哥学Java

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery学习小结(一)

jquery对象是由jquery函数来负责创建的，它就是个数组，里面放的是我们当前定位的所有DOM对象，利用jquery中的功能函数对本次定位的DOM对象来进行快速操作，操作它们的属性例子如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>&...
复制链接

扫一扫

专栏目录