jQuery 选择器、DOM操作、事件、动画

2020-05-22 17:06:50易采站长站整理

Jquery选择器


$(document).ready(function(){})


$(function(){})


如果获取的对象是jQuery对象,那么在变量前面加上$,例如:var $variable=jQuery对象


选择器


1, 判断页面是否存在某元素:if($(“#tt”).length>0){} 或者if($(“#tt”)[0]){};


2, 基本选择器















$(“#test”) 选择id为test的元素


$(“.test”)选择class为test的所有元素


$(“p”)选择所有的<p>标签


$(“*”)选择页面上的所有元素


$(“span ,#two”)选择页面上所有的<span>标签和id为two的元素


3, 层次选择器













$(“div span”)表示选取div中的所有的span元素


$(“parent>children”)选取parent下所有children的子元素


$(‘.one+span’)选取class为one的下一个span元素


$(‘.one~div’)选取class为one的后面的所有的div兄弟元素


$(‘.one+span’)等价于$(“.one”).next(“span”)


$(‘one~div’)等价于$(“.one”).nextAll(“div”)


$(“.one”).siblings(“div”) 选取class为one的所有的兄弟元素div,无论前后


4, 过滤选择器


(1)基本的过滤器



















$(“div:first”)选取所有div元素中第一个div元素


$(“div:last”)选取所有div元素最后一个div元素


$(“input:not(.myClass)”)选取class不是myClass的input元素


$(“input:even”)选取索引是偶数的input元素


$(“input:odd”)选取索引时奇数的input元素


$(“input:eq(1)”)选取索引等于1的input元素 


$(“input:gt(1)”)选取索引大于1的input元素(大于1不包括1)