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

雷丰阳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对象的转换

1. DOM对象转jQuery对象
   使用jQuery核心函数包装DOM对象
   例如：var $btnEle = $(btnEle)声明一个变量指向jQuery对象，那么这个变量习惯上要以$开头
2. jQuery对象转DOM对象
   使用数组下标：$btnEle[0]使用get(index)方法：$btnEle.get(0)

5、JQuery应用

这个主要是查库文件，哪里不会点哪里