首页 > 代码库 > 第一章 认识jQuery
第一章 认识jQuery
一、JQuery的优势
1、轻量级
2、强大的选择器
3、出色的DOM操作的封装
4、可靠的事件处理机制
5、完善的Ajax
6、不污染顶级变量
7、出色的浏览器兼容
8、链式操作方式 同一JQuery对象上的一组动作,可以直接连写而无需重复获取对象
9、隐士迭代 当JQuery找到带有".myclass"类的全部元素,然后隐藏它们时,无需循环遍历每一个元素.
10、行为层与结构层的分离
11、丰富的插件支持
12、完善的文档 chm帮助文档
13、开源
二、配置JQuery环境
1、 <script src="http://www.mamicode.com/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());
})
}}
第一章 认识jQuery