国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端基礎(chǔ)入門(mén)五（掌握jQuery的常用api，實(shí)現(xiàn)動(dòng)態(tài)效果）

nevermind / 916人閱讀

摘要：基本概念學(xué)習(xí)目標(biāo)學(xué)會(huì)如何使用，掌握的常用，能夠使用實(shí)現(xiàn)常見(jiàn)的效果。想要實(shí)現(xiàn)簡(jiǎn)單的動(dòng)畫(huà)效果，也很麻煩代碼冗余。實(shí)現(xiàn)動(dòng)畫(huà)非常簡(jiǎn)單，而且功能更加的強(qiáng)大。注意選擇器返回的是對(duì)象。

jQuery基本概念

學(xué)習(xí)目標(biāo)：學(xué)會(huì)如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實(shí)現(xiàn)常見(jiàn)的效果。

為什么要學(xué)習(xí)jQuery？

【01-讓div顯示與設(shè)置內(nèi)容.html】

使用javascript開(kāi)發(fā)過(guò)程中，有許多的缺點(diǎn)：

1. 查找元素的方法太少，麻煩。
2. 遍歷偽數(shù)組很麻煩，通常要嵌套一大堆的for循環(huán)。
3. 有兼容性問(wèn)題。
4. 想要實(shí)現(xiàn)簡(jiǎn)單的動(dòng)畫(huà)效果，也很麻煩
5. 代碼冗余。
jQuery初體驗(yàn)

【02-讓div顯示與設(shè)置內(nèi)容.html】

$(document).ready(function () {
    $("#btn1").click(function () {
          //隱式迭代：偷偷的遍歷，在jQuery中，不需要手動(dòng)寫(xiě)for循環(huán)了，會(huì)自動(dòng)進(jìn)行遍歷。
        $("div").show(200);
    });

    $("#btn2").click(function () {
        $("div").text("我是內(nèi)容");
    });
});

優(yōu)點(diǎn)總結(jié)：

1. 查找元素的方法多種多樣，非常靈活
2. 擁有隱式迭代特性，因此不再需要手寫(xiě)for循環(huán)了。
3. 完全沒(méi)有兼容性問(wèn)題。
4. 實(shí)現(xiàn)動(dòng)畫(huà)非常簡(jiǎn)單，而且功能更加的強(qiáng)大。
5. 代碼簡(jiǎn)單、粗暴。
什么是jQuery?

jQuery的官網(wǎng) http://jquery.com/

jQuery就是一個(gè)js庫(kù)，使用jQuery的話，會(huì)比使用JavaScript更簡(jiǎn)單。

js庫(kù)：把一些常用到的方法寫(xiě)到一個(gè)多帶帶的js文件，使用的時(shí)候直接去引用這js文件就可以了。（animate.js、common.js）

我們知道了，jQuery其實(shí)就是一個(gè)js文件，里面封裝了一大堆的方法方便我們的開(kāi)發(fā)，其實(shí)就是一個(gè)加強(qiáng)版的common.js，因此我們學(xué)習(xí)jQuery，其實(shí)就是學(xué)習(xí)jQuery這個(gè)js文件中封裝的一大堆方法。

jQuery的入口函數(shù)

使用jQuery的三個(gè)步驟：

1. 引入jQuery文件
2. 入口函數(shù)
3. 功能實(shí)現(xiàn)

關(guān)于jQuery的入口函數(shù)：

//第一種寫(xiě)法
$(document).ready(function() {
    
});
//第二種寫(xiě)法
$(function() {
    
});

jQuery入口函數(shù)與js入口函數(shù)的對(duì)比

1.    JavaScript的入口函數(shù)要等到頁(yè)面中所有資源（包括圖片、文件）加載完成才開(kāi)始執(zhí)行。
2.    jQuery的入口函數(shù)只會(huì)等待文檔樹(shù)加載完成就開(kāi)始執(zhí)行，并不會(huì)等待圖片、文件的加載。
jQuery對(duì)象與DOM對(duì)象的區(qū)別（重點(diǎn)）

DOM對(duì)象：使用JavaScript中的方法獲取頁(yè)面中的元素返回的對(duì)象就是dom對(duì)象。

jQuery對(duì)象：jquery對(duì)象就是使用jquery的方法獲取頁(yè)面中的元素返回的對(duì)象就是jQuery對(duì)象。

jQuery對(duì)象其實(shí)就是DOM對(duì)象的包裝集（包裝了DOM對(duì)象的集合（偽數(shù)組））

DOM對(duì)象與jQuery對(duì)象的方法不能混用。

DOM對(duì)象轉(zhuǎn)換成jQuery對(duì)象：【聯(lián)想記憶：花錢(qián)】

var $obj = $(domObj);
// $(document).ready(function(){});就是典型的DOM對(duì)象轉(zhuǎn)jQuery對(duì)象

jQuery對(duì)象轉(zhuǎn)換成DOM對(duì)象：

var $li = $(“l(fā)i”);
//第一種方法（推薦使用）
$li[0]
//第二種方法
$li.get(0)
選擇器 什么是jQuery選擇器

jQuery選擇器是jQuery為我們提供的一組方法，讓我們更加方便的獲取到頁(yè)面中的元素。注意：jQuery選擇器返回的是jQuery對(duì)象。

jQuery選擇器有很多，基本兼容了CSS1到CSS3所有的選擇器，并且jQuery還添加了很多更加復(fù)雜的選擇器。【查看jQuery文檔】

jQuery選擇器雖然很多，但是選擇器之間可以相互替代，就是說(shuō)獲取一個(gè)元素，你會(huì)有很多種方法獲取到。所以我們平時(shí)真正能用到的只是少數(shù)的最常用的選擇器。

基本選擇器

總結(jié)：跟css的選擇器用法一模一樣。

層級(jí)選擇器


跟CSS的選擇器一模一樣。

過(guò)濾選擇器

篩選選擇器(方法)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/117275.html

相關(guān)文章

  • 前端基礎(chǔ)入門(mén)五（掌握jQuery的常用api，實(shí)現(xiàn)動(dòng)態(tài)效果）

    摘要：基本概念學(xué)習(xí)目標(biāo)學(xué)會(huì)如何使用，掌握的常用，能夠使用實(shí)現(xiàn)常見(jiàn)的效果。想要實(shí)現(xiàn)簡(jiǎn)單的動(dòng)畫(huà)效果，也很麻煩代碼冗余。實(shí)現(xiàn)動(dòng)畫(huà)非常簡(jiǎn)單，而且功能更加的強(qiáng)大。注意選擇器返回的是對(duì)象。 jQuery基本概念 學(xué)習(xí)目標(biāo)：學(xué)會(huì)如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實(shí)現(xiàn)常見(jiàn)的效果。 為什么要學(xué)習(xí)jQuery？ 【01-讓div顯示與設(shè)置內(nèi)容.html】 使用javasc...

    codecook 評(píng)論0 收藏0

  • 前端基礎(chǔ)入門(mén)五（掌握jQuery的常用api，實(shí)現(xiàn)動(dòng)態(tài)效果）

    摘要：基本概念學(xué)習(xí)目標(biāo)學(xué)會(huì)如何使用，掌握的常用，能夠使用實(shí)現(xiàn)常見(jiàn)的效果。想要實(shí)現(xiàn)簡(jiǎn)單的動(dòng)畫(huà)效果，也很麻煩代碼冗余。實(shí)現(xiàn)動(dòng)畫(huà)非常簡(jiǎn)單，而且功能更加的強(qiáng)大。注意選擇器返回的是對(duì)象。 jQuery基本概念 學(xué)習(xí)目標(biāo)：學(xué)會(huì)如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實(shí)現(xiàn)常見(jiàn)的效果。 為什么要學(xué)習(xí)jQuery？ 【01-讓div顯示與設(shè)置內(nèi)容.html】 使用javasc...

    WalkerXu 評(píng)論0 收藏0

  • 前端基礎(chǔ)入門(mén)五（掌握jQuery的常用api，實(shí)現(xiàn)動(dòng)態(tài)效果）

    摘要：基本概念學(xué)習(xí)目標(biāo)學(xué)會(huì)如何使用，掌握的常用，能夠使用實(shí)現(xiàn)常見(jiàn)的效果。想要實(shí)現(xiàn)簡(jiǎn)單的動(dòng)畫(huà)效果，也很麻煩代碼冗余。實(shí)現(xiàn)動(dòng)畫(huà)非常簡(jiǎn)單，而且功能更加的強(qiáng)大。注意選擇器返回的是對(duì)象。 jQuery基本概念 學(xué)習(xí)目標(biāo)：學(xué)會(huì)如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實(shí)現(xiàn)常見(jiàn)的效果。 為什么要學(xué)習(xí)jQuery？ 【01-讓div顯示與設(shè)置內(nèi)容.html】 使用javasc...

    widuu 評(píng)論0 收藏0

  • 個(gè)人分享--web前端學(xué)習(xí)資源分享

    摘要：前言月份開(kāi)始出沒(méi)社區(qū)，現(xiàn)在差不多月了，按照工作的說(shuō)法，就是差不多過(guò)了三個(gè)月的試用期，準(zhǔn)備轉(zhuǎn)正了一般來(lái)說(shuō)，差不多到了轉(zhuǎn)正的時(shí)候，會(huì)進(jìn)行總結(jié)或者分享會(huì)議那么今天我就把看過(guò)的一些學(xué)習(xí)資源主要是博客，博文推薦分享給大家。 1.前言 6月份開(kāi)始出沒(méi)社區(qū)，現(xiàn)在差不多9月了，按照工作的說(shuō)法，就是差不多過(guò)了三個(gè)月的試用期，準(zhǔn)備轉(zhuǎn)正了！一般來(lái)說(shuō)，差不多到了轉(zhuǎn)正的時(shí)候，會(huì)進(jìn)行總結(jié)或者分享會(huì)議！那么今天我就...

    sherlock221 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<