首页 > 代码库 > 征战jQuery
征战jQuery
一:jQuery的用途
1》.访问 和 操作 DOM元素
2》.控制 页面样式
3》.对页面事件的处理
4》.方便的使用jQuery插件
5》.与Ajax技术的完美结合
二:jQuery的优势
jQuery主旨:wirte less,do more(以更少的代码,实现更多的功能)
1,轻量级
2,强大的选择器
3,出色的DOM封装
4,可靠的事件处理机制
5,出色浏览器 兼容
6,隐式迭代
7,丰富的插件支持
三:页面加载:window.onload 和$(document).ready()的区别
执行时机:前者必须等待 网页中所有的内容加载完毕后 才能执行,后者 网页中所有 DOM文档结构绘制完毕即可执行 ,可能与DOM相关联的元素并没有加载完成
编写个数:前者 只能编写 一个,后者能 输入多个
前者无简化写法 ,后者有。
四:jQuery语法结构
$(document).ready(...)分为三大部分 工厂 函数 ,选择器和方法
语法$(selector).action();
五:DOM对象与JQuery对象的相互 转换
A:使用$()进行 转换
var txtName = document.getElementById("id"); 获得dom对象
var $txt = $(txtName) 转换 为jQuery对象
在事件中 经常使用$(this) ,this指触发该事件的名称
B:jQuery对象类似于数组对象可通过[index]的方法的都相应的DOM对象
var $txtName = $("#id"); --jQuery对象
var txtName = $txtName[0] --DOM对象
通过get(index)方法得到相应的DOM对象
var $txtName = $("#id"); --jQuery对象
var txtName = $txtName.get(0) --DOM对象
征战jQuery