jQuery语法结构

这篇博客详细介绍了jQuery的语法结构,包括工厂函数$()的使用,选择器的应用,以及方法如addClass()和css()的区别。文章强调在添加样式时,addClass()方法更符合结构与样式分离的原则。此外,还探讨了DOM模型,区分了元素节点、文本节点和属性节点,并解释了DOM对象和jQuery对象的区别与相互转换方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

jQuery语法结构

工厂函数$()

  $(selector).action();

选择器selector

  $(selector)

方法action()

       jQuery对象.addClass([样式名])

jQuery程序的代码风格

"$"的使用

  它是jQuery程序的标志

操作连缀书写

  css(“属性”,“属性值”);


★css()方法和addClass()方法的区别:

css()方法为所匹配的元素设置给定的CSS样式。

addClass()方法向所匹配的元素添加一个或多个类,该方法不会移除已经存在的类,仅在原有的基础上追加新的类样式。

基于结构与样式分离的原则,通常会在实际应用中,为某元素添加央视,使用addClass()方法比css()方法的频率高很多,因此建议使用addClass()方法为元素添加样式。


DOM模型

在DOM里存在很多不同类型的节点,通常分为3种:元素节点、文本节点和属性节点。

DOM对象

在JavaScript中,可以使用getElementsByTagName()或者getElementsById()来获取元素节点,这样得到的是DOM对象,它可以使用JavaScript中的方法。

jQuery对象

通过jQuery包装DOM对象后产生的对象,能使用jQuery中的方法。

例:$(“#title”).html();  //获取id为title的元素内的html代码

【等同于document.getElementsById(“title”).innerHTML】


jQuery对象和DOM对象的相互转换

1)jQuery对象转换成DOM对象

①jQuery对象是一个类似数组的对象,可通过[index]的方法得到相应的DOM对象。

②通过get(index)方法得到相应的DOM对象。

2)DOM对象转换成jQuery对象

需要用$()函数将DOM对象包装起来,就可以得到一个jQuery对象。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值