jQuery

Posted 2020-11-10 tianyu105529

jQuery

jQuery:

1. jQuery是一个轻量级的、兼容多浏览器的javascript库。
2. jQuery使用户能够更方便地处理html Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“

jQuery对象

　　就是通过jQuery包装DOM对象后产生的对象。jQuery对象是 jQuery独有的。如果一个对象是 jQuery对象，那么它就可以使用jQuery里的方法：例如$(“#i1”).html()。$("#i1").html()的意思是：获取id值为 i1的元素的html代码。其中 html()是jQuery里的方法。

相当于： document.getElementById("i1").innerHTML;

虽然 jQuery对象是包装 DOM对象后产生的，但是 jQuery对象无法使用 DOM对象的任何方法，同理 DOM对象也没不能使用 jQuery里的方法。

一个约定，我们在声明一个jQuery对象变量的时候在变量名前面加上$：

选择器

基本选择器     id选择器：$("#id")   类选择器：$(".class")  标签选择器：$("tagname)  配合选择器$("div.ci")    全部选择$("*")     组合选择器$(".class,p,div")

层级选择器       $(".outer div")(所有的后代)  $(".outer>div")(所有的子代)   $(".outer+div")(匹配所有跟在.outer后面的div)$(".outer~div")(.outer后面的所有div)

基本筛选器     第一个：$("li:first")  最后一个$("li:first")    索引：$("li:eq(2)")  偶数$("li:even")  找到所有后代中有c1样式类的div标签：$("div:has(.c1)")             找到所有不包含c1样式类的li标签：$("li:not(.c1)")

 

属性选择器      属性等于：$(‘[attribute=value]‘)   属性不等于$(‘[attribute！=value]‘‘)

　　表单选择器     :text  :password  :file  :radio  :checkbox  :submit  :reset  :button :enabled :disabled :checked :selected

　　筛选器　　　　　　下一个元素：$("#id").next()  后面所以元素$("#id").nextAll()  $("#id").nextUntil("#i2")　　　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　上一个元素：   $("#id").prev()    $("#id").prevAll()    $("#id").prevUntil("#i2")

　　　　　　　　　　　　　父亲元素： 　　$("#id").parent()　　$("#id").parents() 　　$("#id").parentsUntil() 

　　　　　　　　　　　　　儿子和兄弟元素：　　$("#id").children();儿子们　　$("#id").siblings(); 兄弟们