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

資訊專欄INFORMATION COLUMN

JQuery 測試內(nèi)容(不保證內(nèi)容完整性)

20171112 / 3438人閱讀

摘要：三怎么下載使用版本選擇兼容使用最為廣泛的，官方只做維護(hù)，功能不再新增。如果不考慮兼容低版本的瀏覽器可以使用，最終版本年月日不兼容，只支持最新的瀏覽器。目前該版本是官方主要更新維護(hù)的版本。茍全性命于亂世，不求聞達(dá)于諸侯。

JQuery 基礎(chǔ)
tags: 前端 JQuery 基礎(chǔ)
一 什么是JQery

是一個 輕量級的兼容多瀏覽器的JavaScript庫(類庫)

jQuery使用戶能夠更方便地處理HTML Document、Events、實現(xiàn)動畫效果、方便地進(jìn)行Ajax交互，能夠極大地簡化JavaScript編程。它的宗旨就是："Write less, do more."

二 為什么使用JQery

<3>它是輕量級的js庫(壓縮后只有21k) ，這是其它的js庫所不及的，它兼容CSS3，還兼容各種瀏覽器

<4>jQuery是一個快速的，簡潔的javaScript庫，使用戶能更方便地處理HTMLdocuments、events、實現(xiàn)動畫效果，并且方便地為網(wǎng)站提供AJAX交互。

<5>jQuery還有一個比較大的優(yōu)勢是，它的文檔說明很全，而且各種應(yīng)用也說得很詳細(xì)，同時還有許多成熟的插件可供選擇。

三 怎么下載使用 版本選擇

1.x：兼容IE678,使用最為廣泛的，官方只做BUG維護(hù)，功能不再新增。因此一般項目來說，使用1.x版本就可以了，最終版本：1.12.4 (2016年5月20日)

2.x：不兼容IE678，很少有人使用，官方只做BUG維護(hù)，功能不再新增。如果不考慮兼容低版本的瀏覽器可以使用2.x，最終版本：2.2.4 (2016年5月20日)

3.x：不兼容IE678，只支持最新的瀏覽器。需要注意的是很多老的jQuery插件不支持3.x版。目前該版本是官方主要更新維護(hù)的版本。

版本下載

官方地址:http://jquery.com/download/
壓縮的版本3.3.1 --->上線使用
未壓縮的版本3.3.1 --->開發(fā)使用

安裝兩種方式

pass

優(yōu)美勝于丑陋（Python 以編寫優(yōu)美的代碼為目標(biāo)）

明了勝于晦澀（優(yōu)美的代碼應(yīng)當(dāng)是明了的，命名規(guī)范，風(fēng)格相似）

簡潔勝于復(fù)雜（優(yōu)美的代碼應(yīng)當(dāng)是簡潔的，不要有復(fù)雜的內(nèi)部實現(xiàn)）

復(fù)雜勝于凌亂（如果復(fù)雜不可避免，那代碼間也不能有難懂的關(guān)系，要保持接口簡潔）

扁平勝于嵌套（優(yōu)美的代碼應(yīng)當(dāng)是扁平的，不能有太多的嵌套）

間隔勝于緊湊（優(yōu)美的代碼有適當(dāng)?shù)拈g隔，不要奢望一行代碼解決問題）

可讀性很重要（優(yōu)美的代碼是可讀的）

即便假借特例的實用性之名，也不可違背這些規(guī)則（這些規(guī)則至高無上）

不要包容所有錯誤，除非你確定需要這樣做（精準(zhǔn)地捕獲異常，不寫 except:pass 風(fēng)格的代碼）

當(dāng)存在多種可能，不要嘗試去猜測

而是盡量找一種，最好是唯一一種明顯的解決方案（如果不確定，就用窮舉法）

雖然這并不容易，因為你不是 Python 之父（這里的 Dutch 是指 Guido ）

做也許好過不做，但不假思索就動手還不如不做（動手之前要細(xì)思量）

如果你無法向人描述你的方案，那肯定不是一個好方案；反之亦然（方案測評標(biāo)準(zhǔn)）

命名空間是一種絕妙的理念，我們應(yīng)當(dāng)多加利用（倡導(dǎo)與號召）

基礎(chǔ)知識 基本語法

jquery的基礎(chǔ)語法：

$(selector).action()
查找標(biāo)簽

:::info
本章節(jié)練習(xí)題基于:jQuery選擇器篩選器練習(xí).html
:::

基本選擇器 
$("#id的值")
id選擇器 
$("#id的值")

舉例:找到本頁面中id是i1的標(biāo)簽

$("#i1")
--------
-> Object [ div#i1.container
 ]
標(biāo)簽選擇器

查找所有標(biāo)簽

$("*")
----------
Object { 0: html
, 1: head, 2: meta, 3: meta, 4: meta, 5: title, 6: link, 7: link, 8: style, 9: body, … }

查找

class選擇器

$(".class")

$(".c1")
Object { 0: h1.c1
, 1: h1.c1, length: 2, prevObject: Object(1) }
配合使用

找到div的container類的標(biāo)簽

$("div.container")
----------
r.fn.init(6)?[div.container, div.container, div.container, div#i1.container, div.container, div.container, prevObject: r.fn.init(1)]
層級選擇器

練習(xí)：

自定義模態(tài)框，使用jQuery實現(xiàn)彈出和隱藏功能。




    
    模態(tài)框
    




    
《釵頭鳳》唐婉

    
世情薄

    
人情惡

    
雨送黃昏花易落

    
曉風(fēng)干

    
淚痕殘

    
欲箋心事

    
獨語斜闌

    
難 難 難


    
人成各

    
今非昨

    
病魂長似秋千索

    
角聲寒

    
夜闌珊

    
怕人詢問

    
咽淚裝歡

    
瞞 瞞 瞞
基本篩選器

:first ->第一個

舉例:找到id值為f1的標(biāo)簽內(nèi)部的第一個input標(biāo)簽

$("#f1:first")

Object { 0: form#f1
, length: 1, prevObject: Object(1) }

:last ->最后一個
找到id值為my-checkbox的標(biāo)簽內(nèi)部最后一個input標(biāo)簽

舉例:

$("#my-checkbox:last")

Object { 0: div#my-checkbox.panel-body
, length: 1, prevObject: Object(1) }

:eq(index) -->索引等于index的那個元素

舉例:

屬性選擇器

[arribute]
[attribute=value] //屬性等于
[attribute!=value] //屬性不等于

表單篩選器 練習(xí)題

找到本頁面中id是i1的標(biāo)簽

找到本頁面中所有的h2標(biāo)簽

找到本頁面中所有的input標(biāo)簽

找到本頁面所有樣式類中有c1的標(biāo)簽

找到本頁面所有樣式類中有btn-default的標(biāo)簽

找到本頁面所有樣式類中有c1的標(biāo)簽和所有h2標(biāo)簽

找到本頁面所有樣式類中有c1的標(biāo)簽和id是p3的標(biāo)簽

找到本頁面所有樣式類中有c1的標(biāo)簽和所有樣式類中有btn的標(biāo)簽

找到本頁面中form標(biāo)簽中的所有input標(biāo)簽

找到本頁面中被包裹在label標(biāo)簽內(nèi)的input標(biāo)簽

找到本頁面中緊挨在label標(biāo)簽后面的input標(biāo)簽

找到本頁面中id為p2的標(biāo)簽后面所有和它同級的li標(biāo)簽

找到id值為f1的標(biāo)簽內(nèi)部的第一個input標(biāo)簽

找到id值為my-checkbox的標(biāo)簽內(nèi)部最后一個input標(biāo)簽

找到id值為my-checkbox的標(biāo)簽內(nèi)部沒有被選中的那個input標(biāo)簽

找到所有含有input標(biāo)簽的label標(biāo)簽

實例

垂直菜單
/Users/chery/Documents/LearnPython/E_前端/day51/垂直菜單.html




    
    Vertical menu with CSS

效果:

[x] 延遲顯示

[x] 多級菜單

操作元素(屬性,css,文檔處理) 文本操作

/E_前端/day51/文本操作.html




    
    文本操作




    《前出師表》
    

        臣本布衣，躬耕于南陽。茍全性命于亂世，不求聞達(dá)于諸侯。
        先帝不以臣卑鄙，位子望去，三顧晨宇草湖之中，自襯衣黨史知識
    





籃球

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/98504.html

相關(guān)文章

  • JS干貨｜ 瀏覽器缺陷、瀏覽器的缺陷修復(fù)等五大開發(fā)問題解決之道

    摘要：圖對可復(fù)用代碼挑戰(zhàn)最大的五項問題五大開發(fā)問題如下。瀏覽器的缺陷修復(fù)。瀏覽器缺失的功能。復(fù)雜的地方是，當(dāng)前瀏覽器會在未來的瀏覽器版本中被修復(fù)。假設(shè)瀏覽器引起常見的網(wǎng)站問題為解決瀏覽器使用特殊技巧，將來瀏覽器發(fā)布新版本修復(fù)了，就會出現(xiàn)問題。 任意一段重要的代碼都需要關(guān)注無數(shù)的開發(fā)問題。但是，其中對可復(fù)用JavaScript代碼挑戰(zhàn)最大的五項問題如圖14.2所示。 showImg(https...

    qiangdada 評論0 收藏0

  • 自定義jquery插件

    摘要：的編寫并沒有想象中的難，下面通過編寫一個擁有屬性和一些回調(diào)函數(shù)的簡單插件介紹下如何編寫。 在當(dāng)前這個前端mv**框架盛行的年代，翻譯這樣一篇關(guān)于如何編寫jquery插件的文章好像顯得有點多余和那么的不接時代，不過還是自私點，努力翻譯一把起碼可以提高自己（）。 jquery非常棒，它兼容性好，入門簡單，讓我們在處理終端交互的時候來的輕而易舉，同時他還有非常龐大的插件庫，幾乎你能想到的功能...

    AnthonyHan 評論0 收藏0

  • 分分鐘教你用node.js寫個爬蟲

    摘要：爬蟲介紹二爬蟲的分類通用網(wǎng)絡(luò)爬蟲全網(wǎng)爬蟲爬行對象從一些種子擴(kuò)充到整個，主要為門戶站點搜索引擎和大型服務(wù)提供商采集數(shù)據(jù)。 分分鐘教你用node.js寫個爬蟲 寫在前面 十分感謝大家的點贊和關(guān)注。其實，這是我第一次在segmentfault上寫文章。因為我也是前段時間偶然之間才開始了解和學(xué)習(xí)爬蟲，而且學(xué)習(xí)node的時間也不是很長。雖然用node做過一些后端的項目，但其實在node和爬蟲方面...

    fanux 評論0 收藏0

  • 如何正確學(xué)習(xí)JavaScript

    摘要：然而，雖然先生對無所不知，被譽(yù)為世界的愛因斯坦，但他的語言精粹并不適合初學(xué)者學(xué)習(xí)。即便如此，在后面我還是會建議把當(dāng)做補(bǔ)充的學(xué)習(xí)資源。但目前為止，依然是學(xué)習(xí)編程的好幫手。周正則表達(dá)式，對象，事件，閱讀權(quán)威指南第，，，章。 既然你找到這篇文章來，說明你是真心想學(xué)好JavaScript的。你沒有想錯，當(dāng)今如果要開發(fā)現(xiàn)代網(wǎng)站或web應(yīng)用（包括互聯(lián)網(wǎng)創(chuàng)業(yè)），都要學(xué)會JavaScript。而面對泛...

    canger 評論0 收藏0

  • 從jQuery核心源碼學(xué)習(xí)設(shè)計思想和JS特性

    摘要：原型數(shù)據(jù)類型檢測指向綁定執(zhí)行環(huán)境深拷貝三源碼分析匿名自執(zhí)行函數(shù)和閉合包這里形成閉包保護(hù)變量不被直接訪問和篡改保證框架完整性，閉包的作用域內(nèi)也會幫助緩存變量值。 一、導(dǎo)讀 文章作為學(xué)習(xí)筆記的形式，記錄學(xué)習(xí)的一點體會和原理知識，如有錯誤歡迎指正。 本文根據(jù)一些簡單的jQuery源碼入手分析一個框架從哪方面入手，js在底層做了那些事， 了解他的設(shè)計思想，jquery整體架構(gòu)還是依托于js，在...

    LucasTwilight 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<