jquery入門指南(二)

toggle:如果被選元素可見,則隱藏這些元素洼哎,如果被選元素隱藏畏邢,則顯示這些元素。
語法:$(selector).toggle(speed,callback,switch)

淡入淡出: fadeIn fadeOut
下拉顯示: slideUp slideDown
--不推薦使用

動(dòng)畫:animate
--推薦使用

樣式:
.css('width'); //獲取一個(gè)樣式叮称,帶單位 200px
.css('background','yellow'); //設(shè)置一個(gè)樣式
.css({'background':'yellow','width':200}); 設(shè)置多個(gè)樣式

 <script src="js/jquery-1.7.2.js"></script>
    <script>
        $(function(){
            alert($('div').eq(0).css('width'));
        });
    </script>

屬性:
.attr('屬性名') //獲取一個(gè)屬性
.attr('name','value'); //設(shè)置一個(gè)屬性
.attr({
name1:'v1',
name2:20
}) //批量設(shè)置屬性

class操作:
addClass
removeClass

<script src="js/jquery-1.7.2.js"></script>
    <script>
        $(function(){
            $('#btn1').click(function(){
                //$('#div1').addClass('aa');
                $('#div1').removeClass('aa');
            });
        });
    </script>

內(nèi)容操作:
非表單元素的內(nèi)容:
.html() 獲取innerHTML
.html(設(shè)置的內(nèi)容) 設(shè)置
表單標(biāo)簽:
.val() 獲取內(nèi)容
.val(設(shè)置的內(nèi)容) 設(shè)置

<script src="js/jquery-1.7.2.js"></script>
    <script>
        $(function(){
            $('#btn1').click(function(){
                //alert($('#div1').html());
                $('#div1').html('123456789');
            });
        });
    </script>
<body>
<input type="button" id="btn1" value="aaaa">
<div id="div1">123</div>

原生對(duì)象 jquery對(duì)象

  • 原生對(duì)象的屬性和方法,不能直接用于 jquery對(duì)象
  • jquery對(duì)象的屬性和方法, 不能 直接用于 原生對(duì)象
    原生 對(duì)象轉(zhuǎn)化為 jquery 對(duì)象 $(原生)
    jquery對(duì)象轉(zhuǎn)化為 原生對(duì)象 $( )[0]

索引:
.index();

<script src="js/jquery-1.7.2.js"></script>
    <script>
        $(function(){
            alert($('.on').index());
        });
    </script>
<body>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li class="on"></li>
        <li></li>
        <li></li>
    </ul>
</body>

鏈?zhǔn)讲僮鳎悍植襟E地對(duì)jQuery對(duì)象實(shí)現(xiàn)各種操作.

<script>
        $(function(){
            $('input').click(function(){
                //$('#div1').css('width',200).hide().css('height',300).show();
                $('#div1').animate({'width':200}).hide();
            });

        });
    </script>
<body>
<input type="button" value="aaa">
<div id="div1"></div>
</body>

兄弟節(jié)點(diǎn):siblings
函數(shù)用于選取每個(gè)匹配元素的所有同輩元素(不包括自己)瓤檐,并以jQuery對(duì)象的形式返回赂韵。如果沒有符合條件的元素,則返回空的jQuery對(duì)象挠蛉。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末祭示,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子谴古,更是在濱河造成了極大的恐慌质涛,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,248評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件掰担,死亡現(xiàn)場(chǎng)離奇詭異汇陆,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)带饱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門毡代,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人勺疼,你說我怎么就攤上這事教寂。” “怎么了执庐?”我有些...
    開封第一講書人閱讀 153,443評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵酪耕,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我轨淌,道長(zhǎng)因妇,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,475評(píng)論 1 279
  • 正文 為了忘掉前任猿诸,我火速辦了婚禮,結(jié)果婚禮上狡忙,老公的妹妹穿的比我還像新娘梳虽。我一直安慰自己,他們只是感情好灾茁,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,458評(píng)論 5 374
  • 文/花漫 我一把揭開白布窜觉。 她就那樣靜靜地躺著,像睡著了一般北专。 火紅的嫁衣襯著肌膚如雪禀挫。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,185評(píng)論 1 284
  • 那天拓颓,我揣著相機(jī)與錄音语婴,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛砰左,可吹牛的內(nèi)容都是我干的匿醒。 我是一名探鬼主播,決...
    沈念sama閱讀 38,451評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼缠导,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼廉羔!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起僻造,我...
    開封第一講書人閱讀 37,112評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤憋他,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后髓削,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體竹挡,經(jīng)...
    沈念sama閱讀 43,609評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,083評(píng)論 2 325
  • 正文 我和宋清朗相戀三年蔬螟,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了此迅。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,163評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡旧巾,死狀恐怖耸序,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情鲁猩,我是刑警寧澤坎怪,帶...
    沈念sama閱讀 33,803評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站廓握,受9級(jí)特大地震影響物赶,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜即碗,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,357評(píng)論 3 307
  • 文/蒙蒙 一唉俗、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧娱仔,春花似錦沐飘、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至盹憎,卻和暖如春筛峭,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背陪每。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評(píng)論 1 261
  • 我被黑心中介騙來泰國(guó)打工影晓, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留镰吵,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,636評(píng)論 2 355
  • 正文 我出身青樓俯艰,卻偏偏與公主長(zhǎng)得像捡遍,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子竹握,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,925評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容

  • 一画株、樣式篇 第1章 初識(shí)jQuery (1)環(huán)境搭建 進(jìn)入官方網(wǎng)站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,354評(píng)論 0 44
  • jQuery基礎(chǔ)(一)——樣式篇 1-2環(huán)境搭建 1-3 jQuery HelloWorld體驗(yàn) $(docume...
    croyance0601閱讀 1,076評(píng)論 0 8
  • 原文鏈接 http://blog.poetries.top/2016/10/20/review-jQuery 關(guān)注...
    程序員poetry閱讀 16,635評(píng)論 18 503
  • 第一章 jQuery簡(jiǎn)介 1-1 jQuery簡(jiǎn)介 1.簡(jiǎn)介 2.優(yōu)勢(shì) 3.特性與工具方法 1-2 環(huán)境搭建 進(jìn)入...
    mo默22閱讀 1,577評(píng)論 0 11
  • 我用了兩年的時(shí)間,完成了所謂的在該有的年紀(jì)做的該做的事情啦辐,戀愛谓传、結(jié)婚、生子……而在此之前芹关,我只是我自己续挟,愛...
    筱元子閱讀 153評(píng)論 0 0