jQuery
时间:2022-06-01
本文章向大家介绍jQuery,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1、为什么要用 jQuery
DOM API
- 很难用。我们可以通过document.getElementById等方法获取DOM对象,但是方法名称长,使用不方便,而且功能有限,不能像CSS选择器那样灵活。
- 存在兼容性问题。比如,实现一些功能要写一些事件处理程序,如果要兼容老浏览器的话,则要进行一层层的封装。
- 功能太少,不能与时俱静。换句话说,只有等到浏览器更新了或者不需要兼容老浏览器时,才可以使用一些新的语法去选择一些元素,去操作它......。
jQuery
- 兼容性好。
- API 友好。使用起来很方便
- 功能强大,与时俱进。
2、什么时候适合用 jQuery
- DOM 操作较多(事件监听)
- 需要使用 简单的AJAX的时候
- 需要写一些动画效果的时候
- 需要兼容多款浏览器
3、什么时候不用 jQuery
- 页面交互极为简单
- 页面对流量有苛刻的要求。比如,不想用额外的流量加载jQuery这个库。
- 兼容性要求不高。比如,只需要兼容标准浏览器不需要兼容像IE6、IE7、IE8这样的老式浏览器,或者只是在移动端去使用,这时可以使用javascript的新的语法去选择、操作元素。
4、jQuery 可以用来做什么
- 选择网页元素
- 改变结果集
- 元素的操作:取值和赋值
- 元素的操作:移动
- 元素的操作:复制、删除和创建
- 工具方法
- 事件操作
- 特殊效果
- AJAX
- ......
5、jQuery版本问题
若要兼容IE6、IE7、IE8则选择1.xxxx的版本,若不需要兼容IE6、IE7、IE8希望jQuery的体积很小,加载很快则选择2.xxxx的版本。因为要兼容老式浏览器,所以1.xxxx的版本体积会比2.xxxx的版本的体积要大。
6、jQuery 的所有API只有两种写法
第一种,类似下面这样的
$.noConflict()
$.each()
第二种,类似下面这样的
$('ul').addClass()
$('p').text('hi')
- 分享一个Linux无法创建文件夹,但是目录权限却显示正常的问题和解决
- 桌面白屏(Active故障)修复批处理
- ASM 翻译系列第十三弹:ASM 高级知识 - Forcing the issue
- ASM 翻译系列第十四弹:ASM Internal Rebalancing act
- DIY网站统计:WordPress排除管理员评论及精准友链数的方法
- Linux运维工程师:30道面试题整理
- ASM 翻译系列第十五弹:ASM Internal ASM File Directory
- ASM 翻译系列第十六弹:ASM Internal ASM Active Change Directory
- ASM 翻译系列第十七弹:ASM Internal ASM Disk Directory
- Windows 7下获取System权限
- ASM 翻译系列第十八弹:ASM Internal ASM file number 5
- 菜单式Shell运维脚本调试小记
- 优化Postgres-x2 GTM
- 启用某些Linux发行版的root帐号
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法