雷丰阳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 对 象 , 那 么 这 个 变 量 习 惯 上 要 以 (btnEle) 声明一个变量指向jQuery对象,那么这个变量习惯上要以 (btnEle)声明一个变量指向jQuery对象,那么这个变量习惯上要以开头 - jQuery对象转DOM对象
使用数组下标: b t n E l e [ 0 ] 使 用 g e t ( i n d e x ) 方 法 : btnEle[0] 使用get(index)方法: btnEle[0]使用get(index)方法:btnEle.get(0)
5、JQuery应用
这个主要是查库文件,哪里不会点哪里