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对象

—————————————————————————————————————————————

先写到这,欢迎各位批评指正

 

版权声明:本文为palover-0416原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/palover-0416/p/11724514.html