jQuery知识点总结
JS的缺点: jQuery:
1.代码写起来麻烦,需要各种用for来进行遍历,嵌套 1.隐式迭代,自动进行遍历
2.获取对象的方法麻烦 2.获取对象方便
3.兼容性问题 3.无兼容性问题
4.注册事件会被覆盖 4.注册事件不会被覆盖
—————————————————————————————————————————————
使用jQuery:
1.引入jQuery <script src=” “></script>
2.入口函数
(1)$(document).ready(function(){
})
(2)$(function(){
})
3.与js入口函数对比
js:window.onload = function(){}
js与jQuery都会等待页面加载完成
但是
js会等待图片加载完成开始执行
jQuery不会
—————————————————————————————————————————————
jQuery对象和DOM对象
DOM对象 (用js方式获取的对象)
var a = document.getElementById(“aaa”);
jQuery对象(用jQuery方式获取的对象)
var $li = $(“li”);
jq对象是js对象的集合
js对象与jq对象的方法不能混用!!
js->jq 可以用 $() 将DOM对象包裹
jq->js 取出jq对象的一个 如 $(“li”)[0]
—————————————————————————————————————————————
$实际上是一个函数,用参数来区分作用
1.$(function(){}) 入口函数
2.$(js对象) 把js对象转为jq对象
3.$(“#btn”) 用来获取对象
—————————————————————————————————————————————
选择器
基本选择器
$(“div”)
$(“#id”)
$(“.className”)
$(“a,li,#id,.className”) 并列
层级选择器
子代 $(“ul>li”) 儿子
后代 $(“ul li”) 儿子+孙子
过滤选择器(jQuery独有)
:first 第一个
:last 最后一个
:not(“#aaa”) 非id为aaa的所有
:even 下标为偶数
:odd 下标为奇数
:eq(1) 下标为1
:gt(1) 下标>1
:lt(1) 下标<1
:focus 有焦点的
:animated 正在执行动画的
表单对象属性
:enabled 可用的
:disabled 不可用的
:checked 选中的
:selected 选中的option
筛选选择器(方法)
.children(“li”) 子代
.find(“li”) 后代
.siblings(“li”) 兄弟,不包括自己
.parent() 父代
.eq(2) 下标为2 (下标从0开始)
.next() 下一个兄弟
.prev() 上一个兄弟
.get(2) 下标为2 返回js对象
—————————————————————————————————————————————
先写到这,欢迎各位批评指正