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.which4.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)
时间: 2024-11-06 14:12:43