jquery、jQuery、JQuery是什么？

guo_wen_qiang

于 2017-03-24 00:17:46 发布

阅读量3.3k

点赞数 17

CC 4.0 BY-SA版权

分类专栏：【JAVA】 jQuery知识文章标签： jquery css3 框架应用 java

本文链接：https://blog.youkuaiyun.com/guo13313/article/details/65469668

【JAVA】同时被 2 个专栏收录

52 篇文章

订阅专栏

jQuery知识

5 篇文章

订阅专栏

本文介绍jQuery这一JavaScript库的基本概念及其特点，包括简单的语法、强大的功能和广泛的浏览器兼容性。同时，文章提供了页面加载事件和全选/反选功能的具体实现案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是jQuery？

jQuery 是一个JavaScript框架。语法简单，使用方便。兼容CSS3，还兼容各种浏览器。文档说明很全，应用详细，成熟插件很多。

其核心理念是 write less，do more

导入.js库操作

<script src="../js/jquery-1.11.0.js"(jQuery路径) type="text/javascript" ></script> ------类似于 java的导包

write less 体现

jQuery(选择器)=$(选择器)

使用JS代码遍写页面加载事件

window.onload=function(){ }

使用jQuery代码编写页面加载事件

jQuery(document).ready(function(){ }); ==> jQuery(function(){ }); ==> $(function(){ });

jQuery对象和DOM转换

DOM对象转换成JQuery对象

jQuery（dom 对象）== $(dom 对象)

jQuery对象转成DOM对象

$inpt[index]

案例

全选/全不选，反选

<script>
	$(function(){
		//全选
		$("#selectAllId").click(function(){
			$(".itemSelect").prop("checked",this.checked);
		});
		//反选
		$("#reverseId").click(function(){
			$("#.itemSelect").each(function(){
				$(this).prop("checked",!this.checked);
			});
		});
});
</script>