jQuery学习笔记.docx
版权申诉
194 浏览量
2023-02-28
20:55:51
上传
评论
收藏 24KB DOCX 举报
第一章
一、$(document).ready(function(){
//do something
});
和 window.onload 的区别
1. 前者同一页面可以使用多次，后者出现多次只有最后一次能正确显示
2. 前者在 DOM 模型加载完成后就开始执行，后台在所有元素（包括图片）加载完成
后执行
3. 前者可以简化为$(function(){
//do something
});
后者没有简写形式。
二、jQuery 比较常使用的是链式操作，比如一个书目导航条：
$(function(){
$(“ul”).click(function(){
$(this).addClass(“current”).children(“li”).slideDown().end().sublings().removeClass
(“current”).children(“li”).slideUp();
})
})
对于同一元素不超过 3 个操作的，一般写同一行，如果操作过多，可以将类似的操纵写
成一行，便于阅读。
三、jQuery 对象和 DOM 对象的转换
1.jQuery 转化为 DOM 对象
Var $variable = $(“tr”); //jQuery object
Var variable = $variable[0]; //DOM object
The transpartent method.
DomObject = jQueryObject[index] or = jQueryObject.get(index).
2.DOM Object To jQuery Object
Var variable = getElementsByTagName(“tr”); //DOM object
Var $variable = $(variable) // jQuery object;
The transpartent method.
jQueryObject = $(DomObject)
四、jQuery 开发工具
1.Dreamweaver 可以安装插件提示 jQuery 插件名称：jQuery_API.mxp
2.Aptana 功能非常强大的、开源、专注 javascript 和 Ajax 开发 IDE;
3.Visual Studio 2008。想要安装插件之后才能提示 jQuery
资源评论
