jQuery入口函数,dom对象转化,设置css样式,选择器交集和并集用法

1.jQuery的入口函数(可以写多个入口函数)

jQuery入口函数要快于window.onload入口函数
window.onload入口函数只能执行一个

$和jQuery是等价的都是一个函数
入口函数用法
d o c u m e n t . r e a d y f u n c t i o n ) ; (document).ready(function(){}); 或者 (function(){});
$的用法
$(div)获取jQuery对象
$(’#one’);字符选择器
$(‘

我是jQuery
’);创建一个标签
$(dom对象);会把dom对象转化成jQuery对象

jQuery对象转化成对象:

1.使用下标来取出来,假设一个jQuery对象是 d i v div,里面其中一个对象是 div[0],即 d i v d o m 2. 使 j Q u e r y g e t 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选择器交集和并集用法

并集 l i . n j (“li,.nj”) 交集 (“li.nj”)
层级选择器
$(“ul>li”)获取儿子层次元素并不会获取孙子
$(“ul li”)后代选择器,包括li的儿子和li的所有元素
过滤选择器
$(“li:eq(2)”)其中2为index,从0开始
$(“li:odd”)奇数
$(“li:even”)偶数
筛选选择器
u l . c h i l d r e n l i (“ul”).children(“li”)相当于子类选择器 (“ul-li”)
u l . f i n d l i (“ul”).find(“li”)相当于后代选择器 (“ul li”)
$(“ul”).siblings(“li”)查找兄弟节点不包括自己本身
$(“li”).parent()查找父亲
l i . e q 2 (“li”).eq(2)相当于 (“li:eq(2)”)2为index,从0开始
$(“li”).next()查找下一个兄弟
$(“li”).prev()找上一个兄弟

发布了7 篇原创文章 · 获赞 0 · 访问量 6

猜你喜欢

转载自blog.csdn.net/weixin_45221036/article/details/104993339
今日推荐