入口函数
入口函数具体的表现方式为$(function(){})这保证了DOM元素架构加载完之后才会执行script语句,从而保证script的正常运行,不会导致获取数据出现异常,而原生等待页面加载之后再运行JavaScript语句的语法是Window.onload
这种方式第一个方面的坏处,作为一个原生开发语法,这种函数在重复写出之后,后面的会将前面的进行覆盖;第二个是这种方式是有一定的速度劣势,因为onload语法的工作原理是将DOM元素中的各种资源加载完毕之后才会执行JavaScript,例如图片,视频音频等等,但是JQ就会再DOM的结构架构完成之后就会执行命令不会等待页面资源加载完才会执行,这无疑增加了页面的读取速度
JQ对象与DOM对象
KaTeX parse error: Expected 'EOF', got '#' at position 43: …选取类使用‘.’,选取id时“#̲”,选取页面标签的时候直接双引…()这种语法来进行转换,JQ元素可以使用读取数组的方式进行转换为DOM元素例如$li[0]来进行转换
JQ中也有比较特殊的选择器例如过滤选择器:eq;:odd(选择奇数元素):even(选择为偶数的元素):first()过去到的元素中的第一个:last(获取元素中的最后一个)
筛选选择器
children(selector)
$(“ul”).children(“li”)获取当前元素的所有子元素中的li元素
find(selector)
$(“ul”).find(“li”);获取当前元素中的后代元素中的li元素
siblings(selector)
KaTeX parse error: Expected 'EOF', got '#' at position 3: (“#̲first”).sibling…(“#first”).parent();查找父亲
eq(index)
(
“
l
i
”
)
.
e
q
(
2
)
;
相
当
于
‘
(“li”).eq(2);相当于`
(“li”).eq(2);相当于‘(“li:eq(2)”)`,index从0开始
next()
$(“li”).next()找下一个兄弟
prev()
$(“li”).prev()找上一次兄弟
JQ的基础API、
操作样式方法jq元素.css(‘css样式名’“值”)或者是jq元素.css{'css样式名 ’:‘样式值’}其中样式值可以不加双引号,不加双引号就不能加入单位,默认为px。
jQuery第一日初学体会
最新推荐文章于 2024-07-14 15:54:59 发布