《锋利的jQuery》读书笔记
Posted 循序渐进,不急不躁
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了《锋利的jQuery》读书笔记相关的知识,希望对你有一定的参考价值。
jQuery理念:write less, do more!
第 一 章
一:jQuery简介
a:轻量级
b:强大选择器
c:DOM封装
d:ajax封装
e:不污染顶级变量 只建立一个jQuery对象:所有的方法都在这个对象下!
f:解决了浏览器的兼容性问题
g:行为和结构的分离
h:丰富的插件
二:语言环境的配置
a:在页面中导入即可!
三:jquery对象和DOM对象
jquery对象——》DOM对象: 将jquery对象看成一个数组!
DOM对象——》jquery对象: $(dom对象) 包装下即可
$():jquery对象的制造工厂
第 二 章 jQuery选择器
四:选择器 (jquery的重中之重) 超NB
a:css选择器找到元素添加样式,jquery选择器找到元素添加行为!
b:在jquery中使用的css选择器拥有跨浏览器的兼容性!
c:过滤选择器
1.基本过滤选择器
2.内容过滤选择器
3.可见性过滤选择器
4.属性过滤选择器
5.子元素过滤选择器
6.表单对象属性过滤选择器
五: $(‘#id\\#b‘) // 转义特殊字符 “#”
六:a标签的href属性跳转可以用jquery覆盖掉! 就是说jquery执行的优先级比a标签默认的href属性高!
七:jquery选择器是可以扩展的! 给jquery装插件!
第 三 章 jQuery中的DOM操作
八:DOM
a:是一种与浏览器、平台、语言无关的接口。
b:分为DOM Core、html-DOM、CSS-DOM
c:节点:文档节点、元素节点、文本节点、属性节点、注释节点
DOM操作
a:增 先创建节点,再插入节点。
clone()复制节点,再插入! 若要复制节点具备原来节点的事件(clone()方法参数里写true)。
b:删 remove()方法、empty()方法
c:改 替换 包裹 移动
d:查
f:替换 replaceWith() replaceAll()
g:包裹 wrap() wrapAll() wrapInner()
f:属性的设置、获取、删除 attr() attr(‘‘,‘‘) removeAttr(‘‘);
h:样式的操作 addClass() removeClass() toggleClass() hasClass()
i:html() text() val()
j:遍历 children() next() prev() siblings() closest()
CSS-DOM
a: css() offset() position() scrollTop() scrollLeft() (这里需要强化)
第 四 章 jQuery中的事件和动画
1.合成事件:hover() toggle()
2.冒泡 和 捕获
(3).事件对象event的属性:event.type event.preventDefault() event.stopPropagation()
event.target event.pageX event.pageY event.which
4.bind() unbind() one()
5.模拟操作: 直接激活事件 $(‘元素‘).trigger(‘事件名‘)
$(‘元素‘).click()
6.触发自定义事件:
<script>
$(‘#btn‘).bind(‘myClick‘,function(){
$(‘#test‘).append(‘<p>我的自定义事件</p>‘);
})
$(‘#btn‘).trigger(‘myClick‘); // 触发这个事件
</script>
第 五 章 jQuery对表格和表单的操作
1.is(":animated") 判断是否处于动画队列. jQuery操作的都是jQuery对象!
2.each() 和each(i)
以上是关于《锋利的jQuery》读书笔记的主要内容,如果未能解决你的问题,请参考以下文章