jquery节点和注册事件

1.样式操作
2.属性操作
3.动画方法
4.节点的操作

1.1css操作:修改样式
css("样式属性","样式属性值")
css({"属性1":"属性值1","属性2":"属性值2"})
获取属性css("属性名")
1.2
添加类名:addClass("类名")
删除类:removeClass("类名")
判断是否存在:hasClass("类名")
切换类:toggleClass("类名")

2.1attr():操作普通的属性,与css()一样
attr("属性","属性值")
attr({"属性1":"属性值1","属性2":"属性值2"})
attr("属性名")

3.1三组基本动画
show()  hide()
slideDown()  slideUp()    slideToggle()
fadeIn()  fadeOut()    fadeToggle()   fadeTo()
第一个参数:动画执行的时间,固定的字符串,毫秒数字
第二个参数:回调函数
第三个参数:动画执行的方式:swing  linear

3.2自定义动画:animate()
1:{属性键值对}
2:动画持续的时间
3.动画执行的方式:swing  linear匀速移动
4:回调

动画队列:要执行动画,先排队,前面的电话执行完成后,再执行后面的动画
停止动画:stop()

4.1创建元素
$("<li>内容</li>")
追加元素:
父级.append   子级.appendTo
父级.prepend   子级.prependTo
兄弟.before
兄弟.after
节点的操作
1.创建节点：$（"标签和内容"）
2.将节点添加到页面中
嵌套关系
向后追加：父元素。append(子元素)  子元素。appendTo（父元素）
往前面添加：父元素.prepend（子元素）子元素.prependTo（父元素）
并列关系：兄弟.after（元素）  兄弟.before（元素）

1.清空节点和删除节点
①empty():清空节点
②remove():删除节点
③clone():克隆节点:
clone():有一个bool类型的参数:false:不是深度复制,不会复制事件,默认的是false
true:深度复制,事件也会复制

2.js获取文本内容
普通标签的文本内容:innerText  textContent  innerHTML
表单元素的文本内容:value
jquery获取文本内容
普通标签:text()  htnl()
表单元素文本内容：获取：对象.val()  设置：对象.val("设置文本内容")
非表单元素
获取：对象.text（）  对象.html（）
3.width和height
获取div的宽度:width()---不带参数
console.log($("div").width());
console.log($("div").css("width"));//200px带单位
获取width的值
console.log($("div").innerWidth());//width+padding
console.log($("div").outerWidth());///width+padding+border
console.log($("div").outerWidth(true));///width+padding+border+margin
获取页面可视区域的宽度和高度
resize:当大小发生改变时触发

4.卷曲
获取卷曲上面和左边的距离
scrollleft()scrollTop()
当浏览器中的滚动条滚动时,获取页面滚动上面的距离和左边的距离
获取位置：offset（）  position（）

5.jquery事件机制的发展历程
第一个阶段:简单的事件绑定
第二阶段:bind()
缺点:新增的元素不能使用事件
第三阶段:委托  缺点:只能注册委托事件,不能给自己注册事件
delegate()
第一个参数:选择器:事件由谁来执行
第二个参数:事件的类型
第三个参数:事件处理函数
 on()注册事件
第一个参数:事件类型
第二个参数:要让谁执行
第三个参数:传入的值
第四个参数:事件处理函数
绑定：对象.on（{“事件类型”，“要让谁执行”，数据，function（e）}）；
事件执行顺序: 先执行自己的简单事件,再执行由当前元素执行的委托事件,最后执行冒泡事件
解绑：对象.off（）；//不写参数，将所有事件都解绑，加参数，解绑这个事件类型的所有事件
第三个参数：在回调函数中  e.data（）
e.preventDefault();//阻止浏览器的默认行为
e.stopPropagation();//阻止事件冒泡
return false;//既可以阻止浏览器默认行为又可以阻止冒泡