46.jquery

最新推荐文章于 2023-10-31 11:10:20 发布

一贤不穿小鞋

最新推荐文章于 2023-10-31 11:10:20 发布

阅读量204

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/m0_53222768/article/details/117696579

版权

@一贤不穿小鞋

1.Jquery:是一个javascript库文件.Jquery包含JavaScript,html,css,ajax等语言.

2.Jquery的作用:

2.1.访问和操作DOM元素

2.2.控制页面样式

2.3.对页面事件的处理

2.4.与Ajax技术的完美结合

2.5.大量插件在页面中的运用

3.Jquery的优点:

3.1:开源免费体积小.

3.2:写起来简单,减化代码.

3.3:屏蔽大部分浏览器兼容性问题.

3.4:有强大的插件支持.

3.5:与Ajax技术的完美结合,可以减化ajax实现

4.使用jquery步骤:

4.1:导入库文件或用CDN

开发版的库文件:jquery-版本号.js
发布版的库文件:jquery-版本号.min.js

4.2:页面引入Jquery

4.2.1:内部引入Jquery

eg:<!--导入Jquery库文件-->
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
		<!--内部jquery的使用-->
		<script type="text/javascript">
			$(document).ready(function(){
				alert("这是内部jquery的使用");
			});
		</script>

4.2.2:外部引入Jquery

eg:<!--导入Jquery库文件-->
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
		<!--导入外部jquery文件-->
		<script type="text/javascript" src="js/1.js" ></script>

5.CDN:CDN的全称是Content Delivery Network，即内容分发网络 , 使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。

5.1:百度CDN

<head>
	<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
	</script>
</head>

5.2:新浪CDN

<head>
	<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
	</script>
</head>

5.3:Google CDN

<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
	</script>
</head>

5.4:Microsoft CDN

	<head>
<script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">
</script>

5.Jquery的加载事件和JavaScript的加载事件对比:

在这里插入图片描述

6.Jquery总语法:$(“选择器”).函数();

6.1:$是jquery简写

6.2:$()表示工厂函数

7.Jquery选择器:

7.1:基本选择器(5种):

eg://id选择器
	$("#d1").css("color","red");

7.2:层次选择器(4种):

	eg://相邻兄弟选择器
	   $("h1+h2").css("color","red");

7.3:属性选择器(7种):

		eg://属性选择
			$("h2[class]").css("color","red");

7.4:基本过滤选择器(10种):

		eg://基本过滤选择器,过滤所有基数行
		   $("li:odd").css("color","red");

7.5:可见性过滤选择器(2种):

		eg://可见性过滤选择器,选择所有可见元素
			$(":visible").hide(5000);

7.6:表单选择器

		eg://表单选择器,选中页面上所有选中多选框
				$("input:checked").each(function(){
					alert($(this).val());
				});

8.(扩展)Jquery对象和JavaScript对象的相互转化:

最低0.47元/天解锁文章

一贤不穿小鞋

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
46.jquery

@一贤不穿小鞋1.Jquery:是一个javascript库文件.Jquery包含JavaScript,html,css,ajax等语言.2.Jquery的作用:2.1.访问和操作DOM元素2.2.控制页面样式2.3.对页面事件的处理2.4.与Ajax技术的完美结合2.5.大量插件在页面中的运用3.Jquery的优点:3.1:开源免费体积小.3.2:写起来简单,减化代码.3.3:屏蔽大部分浏览器兼容性问题.3.4:有强大的插件支持.3.5:与Ajax技术的完美结合,可以减化ajax
复制链接

扫一扫