雷丰阳JavaWeb学习笔记（二）：JQuery-优快云博客

本文链接：https://blog.youkuaiyun.com/FourthC/article/details/102906670

本文深入讲解了jQuery库的基本概念与使用方法，包括jQuery的引入方式、核心函数的功能，以及如何进行DOM对象与jQuery对象之间的转换。此外，还介绍了jQuery在实际项目中的应用技巧。

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

雷丰阳JavaWeb学习笔记（二）：JQuery

1、JQuery介绍

jQuery是一个兼容多浏览器的、轻量级的JavaScript库
主要作用：建立有高难度交互的页面, 并且兼容各大浏览器；
简单来说：提供各种库，来简化JavaScript中的操作，特别是CRUD

2、JQuery引入

jQuery库实际上就是一个js文件，只需要在网页中直接引入这个文件就可以了。
在eclipse中只需要导入相应的库文件即可使用。
<script type="text/javascript" src="../script/jquery.1.11.3.js"></script>
需要写代码的话，需要另外开一个javascript来写

<script type="text/javascript" src="../script/jquery.1.11.3.js"></script> 

<script type="text/javascript">
	//js代码
	//$():调用$方法 ，$()：叫做jquery的核心函数
	//为$()方法传入一个function(){}作为参数：就相当于window.οnlοad=function(){} 
	$(function(){
		$("#btnid").click(function(){
			alert("HelloWorld2");
		});
	});
</script>

3、JQuery的核心函数

$是jQuery的核心函数，jQuery的核心功能都是通过这个函数实现
$的四个作用:

1. $(function(){})
相当于window.onload = function(){}
2. $(“选择器”)
根据这个选择器查找元素节点对象
3. $(“html字符串”)
根据这个html字符串创建元素节点对象
4. $(DOM对象)
将DOM对象包装为jQuery对象

4、JQuery对象与DOM对象的转换

DOM对象转jQuery对象
使用jQuery核心函数包装DOM对象
例如：var $btnEle = $(b t n E l e) 声明一个变量指向 j Q u e r y 对象，那么这个变量习惯上要以$ 开头
jQuery对象转DOM对象
使用数组下标： $b t n E l e [0] 使用 g e t (i n d e x) 方法：$ btnEle.get(0)