jQuery知识点总结

一、Jquery是什么
是一个js框架。

二、选择器

• id选择器
  $("#id")

• 类选择器
  $(".class")

• 标签选择器
  $(“html”)

• 层级选择器
  $(“parent child”)

三、Jquery对象和Dom对象

Dom对象转成Jquery对象，格式：$(dom对象)

四、样式

设置单个样式

$("xxx").css("name","value");

设置多个样式

$("xxx").css({name:value,name:value})

获取样式

$("xxx").css(name)

五、属性

$(“xxx”).attr(name,value)
$(“xxx”).attr({name:value,name:value})
$(“xxx”).attr(name)

获取input中的value
$(“xxx”).val()
设置内容
$(“xxx”).val(“内容”)

获取容器中的html代码
$(“xxx”).html()
设置内容
$(“xxx”).html(“xxx”)
获取文本内容
$(“xxx”).text()
设置文本内容
$(“xxx”).text(“xxx”)

六、监听

添加点击监听
$(“xxx”).click(function(){})
获得焦点监听
$(“xxx”).focus(function(){})
添加任意监听
$(“xxx”).on(“监听类型”,function(){})
一次性监听
$(“xxx”).one(“监听类型”,function(){})
触发事件
$(“xxx”).trigger(“事件类型”);
页面加载完成监听
$(function(){})

使用jquery添加的监听 可以直接使用this，注意 this是一个js对象需要 包装成jquery对象

遍历：
js ：
arr.forEach(function(obj){})
jquery:
$(arr).each(function(index,obj){})

七、动画

hide() show()
slideUp() slideDown()
fadeIn() fadeOut()
animate()

八、内容操作

append ： 朝容器最后面添加内容
appendTo : 谁添加到哪去
after ： 添加内容到兄弟节点的后面
before ： 添加内容到兄弟节点的前面
remove ： 删除自己
empty ： 清空子节点 自己还在
parent : 获取父元素