成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JavaScript學(xué)習(xí)

J4ck_Chan / 3396人閱讀

摘要：和，前者是過濾選擇器而后者是子代選擇器。第三章中的操作查找節(jié)點(diǎn)想要查找元素節(jié)點(diǎn)或者是屬性節(jié)點(diǎn)，就是通過前一章學(xué)習(xí)的選擇器獲取相應(yīng)元素的文本，或者是通過選擇器屬性名獲取某元素相應(yīng)屬性的值。

About Javscript record the thing which maybe forgetten 原生JavaScript

Javascript DOM

document.write + "html/css 標(biāo)簽";

prompt("這里是對(duì)話框顯示部分","這里是文本框提示部分") = alert + inputtext + cancel +confirm;

confirm(str) = alert + confirm + cancel;

window.open("URL","para1","para2");

para1:

_blank：在新窗口顯示目標(biāo)網(wǎng)頁

_self：在當(dāng)前窗口顯示目標(biāo)網(wǎng)頁

_top：框架網(wǎng)頁中在上部窗口中顯示目標(biāo)網(wǎng)頁

para2:

e.g.

  var a = window.open(…);
  a.close(); // close the window

e.g.

  
My Beautiful girl

  js: var c = getElementById("cc");
  c.innerHTML = “the text which we like”;

About JQuery【學(xué)自鋒利的jQuery】

1.第一章 認(rèn)識(shí)jQuery

$("#foo") is the same as jQuery("#foo")

compare with DOM

2.Resolve conflicts

先導(dǎo)入其他框架

通過"jQuery.noConflict();"讓出$的控制權(quán)，然后可以通過"jQuery(...)"來操作jQuery對(duì)象，此時(shí)可以在jQuery內(nèi)部繼續(xù)使用$符

  jQuery.noConflict();
  jQuery(function($){              //這句的jQuery可以省略，從而定義匿名函數(shù)并定義形參為$
      $("p").click(function(){    //當(dāng)然也可以不傳$為參數(shù)，然后內(nèi)部繼續(xù)使用jQuery，不使用快捷鍵操作
          alert($(this).text());    //好糾結(jié)。。覺得怎樣都不舒服呢。。所以還是別引入其他的框架好了，嗯【匿-】
      })
  })

或者 by "var $j = jQuery.noConflict();" 自定義快捷方式來操作jQuery對(duì)象????//感覺這個(gè)不錯(cuò)吖么么噠

先導(dǎo)入jQuery

直接用jQuery來工作就好了，不用"jQuery.onConflict()"來讓出控制權(quán)?????//我的理解是后導(dǎo)入的框架覆蓋了$的控制權(quán)，所以$的控制權(quán)本來就在人家身上，不用你讓出來，你乖乖的用你自己的名字就好了，嗯【認(rèn)真臉】

3.第二章 jQuery選擇器

總的來說，給我感覺和css選擇器規(guī)則相差不大，所以大致寫一下加強(qiáng)記憶好了。至于優(yōu)點(diǎn)，就是和之前js的getElementById相比更加簡(jiǎn)短了，還有就是容錯(cuò)率高了0.0。

基本選擇器

$("#test")????//選擇id為test的元素

$(".test")?????//選擇class為test的元素

$("p")???????//選擇所有的p元素

e.g. $(".test").css("background","#0fccefc"); $("#test,div,.cc").css("background","#cca343");

層次選擇器

$("body p")???????//選擇body中的所有p元素

$("body > p")????//選擇body中的所有p兒子元素[不包括孫子元素哦]

$("#cc + div")????//選擇id為cc的元素的下一個(gè)div兄弟元素

要是緊鄰著的兄弟哦

e.g. 忘記寫分號(hào)不要太在意- -

$("#cc ~ div")???//選擇id為cc的元素后面所有的div兄弟們

by the way,后兩種，在jQuery中有更好的寫法

$(".one + div") == $(".one").next("div")

$(".one ~ div") == $(".one").nextAll("div")???//個(gè)人感覺后一種寫法更加方便記憶

$(".one").sibling("div")???????????//選擇class為one的元素所有同輩的div元素，前面的也會(huì)被選上哦

過濾選擇器

基本過濾選擇器

覺得選擇這里，又看了兩遍，覺得這種東西，沒必要花費(fèi)時(shí)間整理，大概了解之后用的時(shí)候現(xiàn)查就好了[記憶殘患者!]

不如說一下在練習(xí)的時(shí)候注意到的一些小細(xì)節(jié)

一直以為開始標(biāo)簽和結(jié)束標(biāo)簽之間沒有東西就可以簡(jiǎn)寫成
這種，然后在配置jquery時(shí)狠狠被自己坑了一下

      要這樣寫才行。。被自己蠢哭。。

還有就是

$("p:contains("我")").css("background","#bbccaa");    //選擇內(nèi)容包含“我”的p元素，改變其背景色
$("p:contains(我)").css("background","#bbccaa");    //發(fā)現(xiàn)參數(shù)的參數(shù)可以寫單引號(hào)也可以不寫，總覺得寫上好一點(diǎn)，畢竟XHTML
$("p:eq(3)").css("background","#bbccaa");           //選擇索引值為3的p元素，這時(shí)又不能寫引號(hào)了，我理解是寫了引號(hào)就會(huì)變成字符型，取的值就是3的ASCII碼值了，達(dá)不到想要的效果了

var $a = $(...);$a.length表示此時(shí)$a中得到的jquery對(duì)象個(gè)數(shù)

在使用jquery選擇器時(shí)不要隨意加空格，很可能造成語義錯(cuò)誤。e.g. $("p:hidden")和$("p :hidden")，前者是過濾選擇器而后者是子代選擇器。notice！

make a distinction between :find() and :filter()

$("div").find("#cc")??選擇div子元素中id為cc的元素，等同于$("div #cc");

$("div").filter("#cc")??選擇id為cc的div元素們

可以代替if else的.toggle()

    $(button...).toggle(
    function(){
        //代碼段a
    }.function(){
        //代碼段b
    }
    )    //單擊按鈕會(huì)輪流執(zhí)行代碼a和代碼b~懂什么叫輪流么！輪流！就是這么6！不懂我也不告訴你！【pia，打暈拖走】。。

4.第三章 jQuery中的DOM操作

查找節(jié)點(diǎn)

想要查找元素節(jié)點(diǎn)或者是屬性節(jié)點(diǎn)，就是通過前一章學(xué)習(xí)的選擇器+.text()獲取相應(yīng)元素的文本，或者是通過選擇器+.attr("屬性名")獲取某元素相應(yīng)屬性的值。

增加節(jié)點(diǎn)和插入節(jié)點(diǎn)

通過$("

")來新建元素，其中參數(shù)完全遵循XHTML語法【XHTML大法好！】，其實(shí)就是和平時(shí)寫html文件差不多啦，然后通過如下函數(shù)將該元素添加到相應(yīng)的位置

var $test = $("喵喵最喜歡帥哥辣么么噠")

大家好
    //把html和js寫在一起了，明白就好，實(shí)在沒想好怎么布局

刪除節(jié)點(diǎn)

有empty(),remove()和detach()三種方法

最好理解的就是empty()了，$(selector).empty();清空選中標(biāo)簽的中的內(nèi)容，相當(dāng)于格式化當(dāng)前標(biāo)簽了

原結(jié)構(gòu)：

清空后：[窩才看不到這兩個(gè)圖辣么多]

然后是remove和detach，二者總體上來講是差不多的，可以刪除選中的元素及其中子元素，同時(shí)返回一個(gè)指向被刪除元素的指針，通過保存這個(gè)指針可以隨心所欲的再把刪除的元素插到你想插的地方【好污】，不同點(diǎn)就在于remove的元素再插回去后，通過js綁定的事件就失效了，而detach的元素再插回去事件仍然生效。

不得不說的事件一，appendTo方法同樣可以把選中的元素挪動(dòng)位置

不得不說的事件二，這兩天寫網(wǎng)頁，其中有個(gè)功能是通過點(diǎn)擊按鈕來動(dòng)態(tài)生成一個(gè)表單記錄數(shù)據(jù)，我在設(shè)計(jì)樣式時(shí)直接初始化的表單的一系列操作都是生效的，當(dāng)我點(diǎn)擊按鈕事件來動(dòng)態(tài)生成這個(gè)表單時(shí)，我綁定的js事件就失效了，后來通過點(diǎn)擊按鈕來show被隱藏的表單才實(shí)現(xiàn)了這一功能。然后今天看資料的時(shí)候才知道，原來好多js的方法只能綁定在頁面初始化時(shí)就存在的元素上，不能綁在動(dòng)態(tài)生成的元素上【當(dāng)然是有方法解決使其可以綁在動(dòng)態(tài)生成的元素上的】，所以我當(dāng)時(shí)寫的沒有生效【然而我至今不明白為什么另一個(gè)動(dòng)態(tài)生成的表單綁定的同樣寫法的事件就生效了。?！俊ＳX得這個(gè)remove和detach的原理大概和這個(gè)類似【本來之前是寫了很多我的純YY的猜測(cè)的，然而我剛準(zhǔn)備Preview的時(shí)候電腦崩了，所以我不準(zhǔn)備再胡扯一遍了，還是明天本喵查查資料再來說說他們的原理吧。。。。】

5.第四章

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/79018.html

相關(guān)文章

  • 10個(gè)學(xué)習(xí)JavaScript的免費(fèi)在線資源

    摘要：學(xué)習(xí)最好的方法之一是通過視頻教程進(jìn)行在線學(xué)習(xí)。這里列出十個(gè)免費(fèi)在線學(xué)習(xí)的地址，讓你的學(xué)習(xí)更方便更有效。是一個(gè)非常好的免費(fèi)在線學(xué)習(xí)得網(wǎng)站。為初學(xué)者增加了大量的指南和其他資源。在這里，你可以找到有關(guān)和的免費(fèi)在線課程。 我們都聽說過 JavaScript 這個(gè)術(shù)語，但我們中只有少數(shù)人知道它的用法和應(yīng)用。這里的我們中的少數(shù)是指技術(shù)青年、網(wǎng)絡(luò)程序員和IT專業(yè)人員。但是，對(duì)于外行來說，JavaS...

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

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

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

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

  • [譯] 如何恰當(dāng)?shù)?em>學(xué)習(xí) JavaScript

    摘要：原文鏈接恰當(dāng)?shù)貙W(xué)習(xí)適合第一次編程和非的程序員持續(xù)時(shí)間到周前提無需編程經(jīng)驗(yàn)繼續(xù)下面的課程。如果你沒有足夠的時(shí)間在周內(nèi)完成全部的章節(jié)，學(xué)習(xí)時(shí)間盡力不要超過周。你還不是一個(gè)絕地武士，必須持續(xù)使用你最新學(xué)到的知識(shí)和技能，盡可能地經(jīng)常持續(xù)學(xué)習(xí)和提高。 原文鏈接：How to Learn JavaScript Properly 恰當(dāng)?shù)貙W(xué)習(xí) JavaScript （適合第一次編程和非 JavaSc...

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

  • 學(xué)習(xí) JavaScript：9 個(gè)常見錯(cuò)誤阻礙你進(jìn)步

    摘要：錯(cuò)誤好高騖遠(yuǎn)最常見的錯(cuò)誤之一就是在理解概念之后立即采取行動(dòng)。其實(shí)這也是人們常說要放棄學(xué)習(xí)的常見原因之一。當(dāng)項(xiàng)目逐漸深入時(shí)，他們就放棄學(xué)習(xí)了。關(guān)鍵點(diǎn)是，認(rèn)真學(xué)習(xí)你正在學(xué)習(xí)的東西，你會(huì)得到進(jìn)步。挑戰(zhàn)意味著你正在提升個(gè)人能力，這將使你進(jìn)步。 showImg(https://segmentfault.com/img/remote/1460000011209193); 前言 很多人嘗試學(xué)習(xí) Ja...

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

  • 學(xué)習(xí) JavaScript：9 個(gè)常見錯(cuò)誤阻礙你進(jìn)步

    摘要：錯(cuò)誤好高騖遠(yuǎn)最常見的錯(cuò)誤之一就是在理解概念之后立即采取行動(dòng)。其實(shí)這也是人們常說要放棄學(xué)習(xí)的常見原因之一。當(dāng)項(xiàng)目逐漸深入時(shí)，他們就放棄學(xué)習(xí)了。關(guān)鍵點(diǎn)是，認(rèn)真學(xué)習(xí)你正在學(xué)習(xí)的東西，你會(huì)得到進(jìn)步。挑戰(zhàn)意味著你正在提升個(gè)人能力，這將使你進(jìn)步。 showImg(https://segmentfault.com/img/remote/1460000011209193); 前言 很多人嘗試學(xué)習(xí) Ja...

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

  • 學(xué)習(xí) JavaScript：9 個(gè)常見錯(cuò)誤阻礙你進(jìn)步

    摘要：錯(cuò)誤好高騖遠(yuǎn)最常見的錯(cuò)誤之一就是在理解概念之后立即采取行動(dòng)。其實(shí)這也是人們常說要放棄學(xué)習(xí)的常見原因之一。當(dāng)項(xiàng)目逐漸深入時(shí)，他們就放棄學(xué)習(xí)了。關(guān)鍵點(diǎn)是，認(rèn)真學(xué)習(xí)你正在學(xué)習(xí)的東西，你會(huì)得到進(jìn)步。挑戰(zhàn)意味著你正在提升個(gè)人能力，這將使你進(jìn)步。 showImg(https://segmentfault.com/img/remote/1460000011209193); 前言 很多人嘗試學(xué)習(xí) Ja...

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

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

0條評(píng)論

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