S2 使用jQuery快速高效制作网页交互特效 第五章 初识jQuery 知识点

本文介绍了jQuery的基本概念,包括其与JavaScript的关系、与其他JavaScript库的区别以及jQuery的优势。详细讲解了jQuery的语法结构,如$(document).ready()和选择器的使用。此外,还探讨了如何操作页面元素,如添加类样式和设置CSS属性,并强调了addClass()方法的重要性。最后,提到了jQuery的代码风格,如链式操作和DOM对象与jQuery对象的转换。

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

一、jQuery简介
1、jQuery与JavaScript
从所周知,jQuery是JavaScript的程序库之一,它是JavaScript对象和实用函数的封装
使用jQuery制作交互特效的语法更为简单,代码量大大减少了
使用JQuery与单纯使用JavaScript相比最大的优势是能使页面在浏览器中保持统一的显示效果,即不存在浏览器兼容性问题
2、jQuery与其他JavaScript库
JavaScript是一种面向Web的脚本语言。jQuery只是JavaScript的程序库,相当于JavaScript技术的一个子集,所以,它并不能完全取代JavaScript
3、JQuery的优势
 轻量级
 强大的选择器
 出色的DOM封装
 可靠地事件处理机制
 出色的浏览器兼容性
 隐式迭代
 丰富的插件支持
二、jQuery语法
1.$(document).ready(function(){}) 当页面加载完成后执行的方法
(document).ready()与window.onload类似,但仍有区别2.语法结构:(document).ready()与window.onload类似,但仍有区别 2.语法结构:(document).ready()window.onload2.(selector).action();
$():工厂函数,将DOM化为jQuery对象
selector:选择器:例如 “#id” 等对节点元素进行选择
action:方法,jQuery中提供的各种方法,例如 $("#id").onclick();
注意:在jQuery中 $==jQuery 即 (document).ready()==jQuery(document).ready()注意:jQuery与js不要混用,例如:vara=document.getElementByID("ss");a.addClass();注意只有在jQuery中才有第二种写法,但是a并不是jQuery所封装好的对象类型,因此不能用。换个思路用jQuery的方式来获取对象就可以:vara=(document).ready()== jQuery(document).ready() 注意:jQuery与js不要混用,例如: var a=document.getElementByID("ss"); a.addClass(); 注意只有在jQuery中才有第二种写法,但是a并不是jQuery所封装好的对象类型,因此不能用。换个思路用jQuery

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值