jQuery第一日初学体会

入口函数
入口函数具体的表现方式为$(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。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值