1.jQuery的入口函数(可以写多个入口函数)
jQuery入口函数要快于window.onload入口函数
window.onload入口函数只能执行一个
$和jQuery是等价的都是一个函数
入口函数用法
(document).ready(function());或者(document).ready(function(){});或者(document).ready(function());或者(function(){});
$的用法
$(div)获取jQuery对象
$(’#one’);字符选择器
$(‘
我是jQuery’);创建一个标签
$(dom对象);会把dom对象转化成jQuery对象
jQuery对象转化成对象:
1.使用下标来取出来,假设一个jQuery对象是div,里面其中一个对象是div,里面其中一个对象是div,里面其中一个对象是div[0],即div中的一个对象被取出来是个dom对象2.使用jQuery对象里面的get()方法,div中的一个对象被取出来是个dom对象2.使用jQuery对象里面的get()方法,div中的一个对象被取出来是个dom对象2.使用jQuery对象里面的get()方法,div.get(0)就可以把a里面的对象取出来是个dom对象
jQuery对象和dom对象的区别
dom对象是原生js选择器获取的对象,只能调用dom方法或者属性
jQuery对象是jQuery选择器获取的对象,只能调用jQuery的方法或者属性,不能调用原生js的方法和属性
text()函数用法
1.不给参数就是获取文本
包括了多个dom元素的jQuery对象用text()获取文本,会把所有dom元素的文本获取到(隐式迭代)
2.text(“我是xx”)
给元素设置文本内容,该文本内容会覆盖原来的内容
css()设置、获取样式
1.获取样式 css()方法设置参数为要获取值的样式名
获取包含了多个dom元素的jQuery对象的样式只能获取到第一个dom元素的样式
2设置样式
设置单样式
css(样式名,样式值)
设置多样式
css({ })
jQuery选择器交集和并集用法
并集(“li,.nj”)交集(“li,.nj”)交集(“li,.nj”)交集(“li.nj”)
层级选择器
$(“ul>li”)获取儿子层次元素并不会获取孙子
$(“ul li”)后代选择器,包括li的儿子和li的所有元素
过滤选择器
$(“li:eq(2)”)其中2为index,从0开始
$(“li:odd”)奇数
$(“li:even”)偶数
筛选选择器
(“ul”).children(“li”)相当于子类选择器(“ul”).children(“li”)相当于子类选择器(“ul”).children(“li”)相当于子类选择器(“ul-li”)
(“ul”).find(“li”)相当于后代选择器(“ul”).find(“li”)相当于后代选择器(“ul”).find(“li”)相当于后代选择器(“ul li”)
$(“ul”).siblings(“li”)查找兄弟节点不包括自己本身
$(“li”).parent()查找父亲
(“li”).eq(2)相当于(“li”).eq(2)相当于(“li”).eq(2)相当于(“li:eq(2)”)2为index,从0开始
$(“li”).next()查找下一个兄弟
$(“li”).prev()找上一个兄弟