欢迎来到天天文库
浏览记录
ID：18817054
大小：63.50 KB
页数：9页
时间：2018-09-25
《jquery小笔记（过一遍书）》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、Jquery小笔记（根据《锋利的jquery》一书，主要是前八章）第一章1，$(document).ready(function(){});$(document).ready(function(){});函数内的所有代码都将在DOM加载完毕后，页面全部内容（包括图片等）完全加载完毕前被执行。它允许用户在第一眼看到元素的时候，就能立即看到元素产生的一些隐藏效果、显示效果和其他效果。它的缩写：$(function(){});2，jQuery的代码风格（1）链式操作风格例：$(“has_children”).click(function(){$(this).add
2、(“highlight”).children(“a”).show().end().siblings().removeClass(“highlight”).children(“a”).hide();});（2）为代码添加注释3，DOM（文档对象模型）对象4.jQuery对象jQuery对象就是通过jQuery包装DOM对象后产生的对象。在jQuery对象中无法使用DOM对象的任何方法；同样，DOM对象也不能使用jQuery里的方法。5，jQuery对象和DOM对象的相互转换如果获取的对象是jQuery对象，那么在变量前面加上$如：var$variable=jQ
3、uery对象;如果获取的是DOM对象如：varvariable=DOM对象;（1），jQuery对象转成DOM对象[index]和get(index)（2），DOM对象转成jQuery对象只需要用$()把DOM对象包装起来6，解决jQuery和其他库的冲突调用jQuery.noConflict()函数第二章1，jQuery选择器的写法与CSS选择器写法相似#id选择器：$(“#test”).class选择器：$(“.test”)Element：$(“p”)*：$(“*”)2,层次选择器$(“divspan”)$(“div>span”)$(“.one+div”
4、)：选取class为one的下一个
5、bmit:image:reset:button:file:hidden第三章1，DOM操作的分类（1）DOMCore：类似于get…()方法（2）HTML-DOM：直接.属性方法,类似于document.forms（3）CSS-DOM：类似于element.style.color2，jQuery中的DOM操作第四章1，加载DOM$(window).load(function(){});<==>等价于window.onload=function(){}2，事件绑定bind(type[,data],fn);类型包括：blur、focus、load、resize、
6、scroll、unload、click、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、mouseleave、change、select、submit、keydown、keypress、keyup、error可以发现，jQuery中的事件绑定类型比普通的Javascript事件绑定类型少了“on”3，合成事件hover(enter,leave);模拟光标悬停事件toggle(fn1,fn2…fnN);模拟鼠标连续单击事件；切换元素的可见状态4，事件冒泡什么是冒泡？在页面上可
7、以有多个事件，也可以多个元素响应同一个事件。（1）事件对象：使用事件对象，只需要为函数添加一个参数$(“element”).bind(“click”,function(event){});这个事件对象只有事件处理函数才能访问到。事件处理函数执行完毕后，事件对象就被销毁。（2）停止事件冒泡：可以阻止事件中其他对象的事件处理函数被执行。stopPropagation()方法。event.stopPropagation();（3）阻止默认行为：网页中的元素有自己默认的行为，例如，单击超链接后会跳转、单击“提交”按钮后表单会提交，有时候需要阻止元素的默认行为。pre
8、ventDefault()阻止元素的默认行为。eve
此文档下载收益归作者所有
