第一章 认识jQuery

Posted 2020-08-11

一、JQuery的优势
1、轻量级
2、强大的选择器
3、出色的DOM操作的封装
4、可靠的事件处理机制
5、完善的Ajax
6、不污染顶级变量
7、出色的浏览器兼容
8、链式操作方式 同一JQuery对象上的一组动作,可以直接连写而无需重复获取对象
9、隐士迭代 当JQuery找到带有".myclass"类的全部元素,然后隐藏它们时,无需循环遍历每一个元素.
10、行为层与结构层的分离
11、丰富的插件支持
12、完善的文档 chm帮助文档
13、开源

二、配置JQuery环境
1、 <script src="Scripts/jquery-1.10.2.min.js"></script> 引用到web页面即可

三、编写简单的JQuery代码
<script type="text/javascript">
//最简单的jquery案例
$(document).ready(function () {
alert("hello world");
});
</script>

 

三、JQuery对象和DOM对象
1、DOM对象 var domobj = documnet.getElemnetById("ID");
2、JQuery对象 $("#ID")
3、JQuery对象无法使用DOM对象中的任何方法,只能使用自己的JQuery方法.同样DOM对象也不能使用JQuery对象
4、JQuery对象与DOM对象相互转换

JQuery 转 DOM

第一种方法：
var $cr = $("#cr");
var cr = $cr[0];
第二种方法：
var $cr = $("#cr");
var cr = $cr.get(0);
DOM 转 JQuery
var cr = document.getElemnetById("cr");
var $cr = $(cr);

四、解决JQuery和其它库的冲突
1、var $j = JQuery.noConflict();

$j(function(){
$j("p").click(funtion(){
alert($j(this).text());
})
}}