jQury選擇器_Dom操作_樣式_事件處理

題目1: 說說庫和框架的區(qū)別掰邢?

庫:庫提供了方法牺陶,即API。當(dāng)開發(fā)者引入了庫以后辣之,可以直接掉用并使用這里面的API掰伸。可以當(dāng)做小工具使用怀估。它的體積較小狮鸭。常見的庫有jQuery.js等。

框架:顧名思義多搀,框架就是有一個支撐結(jié)構(gòu)歧蕉。相當(dāng)于一個已經(jīng)構(gòu)建好的實體房子,而用戶只需在這個房子里添加自己想要的家具等康铭。而框架對于開發(fā)者惯退,開發(fā)者只需在這個框架中添加自己的東西而實現(xiàn)具體的功能。常見的框架有Angular, React等从藤。

區(qū)別:框架和庫比較類似催跪,都是代碼的集合,不過框架更加具有針對性夷野,可以說是庫的升級版懊蒸,提供一套完整的代碼,而不需要自己重組悯搔。

題目2: jquery 能做什么骑丸?

jQuery是一個Javascript庫,可以讓用戶更簡單的進(jìn)行HTML文檔DOM遍歷妒貌、操作者娱、事件處理、動畫苏揣,以及使用Ajax黄鳍。且具有多瀏覽器兼容性。

題目3: jquery 對象和 DOM 原生對象有什么區(qū)別平匈?如何轉(zhuǎn)化框沟?

區(qū)別:jquery對象是在DOM原生對象上做了一層包裝,只能使用jquery對象方法增炭,不能使用DOM原生對象方法忍燥,同理DOM原生對象也不能使用jquery對象方法。
DOM轉(zhuǎn)換jquery對象

var a = document.getElementById('a') //DOM對象
var $b = $(a) //DOM對象轉(zhuǎn)換為jquery對象

jquery對象轉(zhuǎn)換為DOM對象

var a = $('#a')[0]
題目4:jquery中如何綁定事件隙姿?bind梅垄、unbind、delegate输玷、live队丝、on靡馁、off都有什么作用?推薦使用哪種机久?使用on綁定事件使用事件代理的寫法臭墨?
$('#a').on('click',function(){
  console.log('a')                         //通過on給元素綁定事件,推薦使用
})
//事件代理
$('ul').on('click','li',function(){
  console.log('a')
})
//off是給元素解除綁定事件
$('ul').off()
//bind
$('#a').bind('click',function(){
  console.log('a')      //相比on,少了一個selector參數(shù),selector可以過濾制定元素,已棄用
})
//unbind
$('#a').unbind()  //和off效果一樣,和bind一樣,沒有selector參數(shù),已棄用
//delegate為被選元素的子元素添加事件
$('#a').delegate('#btn','click',function(){
  console.log('a')
})
//live給匹配到的元素添加事件,現(xiàn)在匹配到的和將來匹配到都添加事件
$('#a').live('click', function() {
  console.log('a');
});
題目5:jquery 如何展示/隱藏元素膘盖?
<p>jquery展示和隱藏元素</p>
<button id="show" type="button">顯示</button>
 <button id="hide" type="button">隱藏</button>
<script>
$('#show').on('click',function(){
  $('p').show()
})
$('#hide').on('click',function(){
  $('p').hide()
})
</script>
題目6: jquery 動畫如何使用胧弛?
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <style>
    #an{
      height:100px;
      width:500px;
      border:3px solid red;
    }
    #but{
      margin:20px
    }
  </style>
</head>
<body>
  <div id="an"></div>
  <button id="but">點一下試試</button>
  <script>
    $('#but').on('click',function(){
      $('#an').animate({height:'200px',width:'300px'},1000)
    })
  </script>
</body>
</html>
題目7:如何設(shè)置和獲取元素內(nèi)部 HTML 內(nèi)容?如何設(shè)置和獲取元素內(nèi)部文本侠畔?
//獲取html內(nèi)容
$('#a').html()
//設(shè)置html內(nèi)容
$('#a').html('<span>aaaa</span>')
//獲取text內(nèi)容
$('#a').text()
//設(shè)置text內(nèi)容
$('#a').text('設(shè)置text')
題目8:如何設(shè)置和獲取表單用戶輸入或者選擇的內(nèi)容结缚?如何設(shè)置和獲取元素屬性?
//獲取表單用戶輸入或者選擇的內(nèi)容
$('#inputVal').val()
//設(shè)置表單用戶輸入或者選擇的內(nèi)容
$('#inputVal').val('設(shè)置')
//獲取元素屬性
$('.text1').attr('title')
//設(shè)置元素屬性
$('.text1').attr('title', 'input-text')
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末软棺,一起剝皮案震驚了整個濱河市掺冠,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌码党,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件斥黑,死亡現(xiàn)場離奇詭異揖盘,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)锌奴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進(jìn)店門兽狭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人鹿蜀,你說我怎么就攤上這事箕慧。” “怎么了茴恰?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵颠焦,是天一觀的道長。 經(jīng)常有香客問我往枣,道長伐庭,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任分冈,我火速辦了婚禮圾另,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘雕沉。我一直安慰自己集乔,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布坡椒。 她就那樣靜靜地躺著扰路,像睡著了一般尤溜。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上幼衰,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天靴跛,我揣著相機(jī)與錄音,去河邊找鬼渡嚣。 笑死梢睛,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的识椰。 我是一名探鬼主播绝葡,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼腹鹉!你這毒婦竟也來了藏畅?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤功咒,失蹤者是張志新(化名)和其女友劉穎愉阎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體力奋,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡榜旦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了景殷。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片溅呢。...
    茶點故事閱讀 38,577評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖猿挚,靈堂內(nèi)的尸體忽然破棺而出咐旧,到底是詐尸還是另有隱情,我是刑警寧澤绩蜻,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布铣墨,位于F島的核電站,受9級特大地震影響办绝,放射性物質(zhì)發(fā)生泄漏踏兜。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一八秃、第九天 我趴在偏房一處隱蔽的房頂上張望碱妆。 院中可真熱鬧,春花似錦昔驱、人聲如沸疹尾。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽纳本。三九已至窍蓝,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間繁成,已是汗流浹背吓笙。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留巾腕,地道東北人面睛。 一個月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像尊搬,于是被迫代替她去往敵國和親叁鉴。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,452評論 2 348

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