JQ学习笔记（持续补充）

#新人学习JQ笔记持续更新#1.JQ使用准备想要使用jq首先要下载jQuery的资料库下载网址如下https://jquery.com/2.JQ使用基础1. $ 是jq 封装出来的符号 相当与JQuery2. $(function(){}) 相当于 JS原生中 的 window.onload function(){}3.jq对象1.jq的对象和querySelector的使用方法类似但jq对象和dom对象 是两个东西 之间的方法不能混用在获取对象时1querySelector(.box)~$(.box)2querySelector(div)~$(div)3querySelecto#id)~$(#id)2.jqjq在选择器上获取索引时有三种方法1$(.box).children()[0]2$(.box).children()get(0)3$(.box).children()eq(0)其中只有eq有css选择器4.隐士迭代Jq 会将所有匹配的元素 内部进行循环遍历 给每一个元素 添加一个css属性$(ul li).css(color,blue)5.jq筛选方法1获取所有兄弟元素 prevAll是前面兄弟元素反之nextAll2siblings获取的是除了自己所有的兄弟元素3parent()获取的是父级元素4children() 参数中 填写选择器 找到对应的子元素亲儿子自己的子代6.方法介绍1slideDownslideUp是jq提供的方法使覆盖的html元素逐渐显示可设置时间slideToggle可以进行切换(2在改变某个元素的css代码是不需要逐个更改可以$(.box).css({ width:200, height:400, background:red })3addClass和removeClass可以添加和去除节点的·css元素注意试单存的添加和删除不是替换toggleclass();切换类可以自动识别节点是否有此标签有则删除无则添加4fadeIn和fadeOut可以使节点淡入淡出可设回调函数fadeTo10000.1括号设置两个参数第一个是毫秒第二个参数是透明度5待补充7.链式编程jq提供的方法可将一个节点累计多个操作节省空间和运行时间$(button).click(function(){ $(this).css(background,pink).slideUp() }