11.2.7 練習題

1.JavaScript的入口函數和jQuery入口函數的區別？

原生JavaScript入口函數是window.onload()

jQuery入口函數$(document).ready(function) 或 $(function)

區別1：加載模式不同，window.onload 等到界面全部加載完畢，包括圖片也加載完畢纔會執行，$(document).ready等到界面加載完畢，不會等圖片加載完成就執行，所以這時候通過jQuery拿不到圖片元素的寬高。

區別2：重寫window.onload會覆蓋原有的函數，而jQuery會將函數加到事件鏈中。

2.jQuery中值的操作有哪些方法？

值操作是對DOM屬性value進行讀取和設置操作。

attr():操作某一個自定義屬性值

text():操作文本值；

html():操作html；

val():操作值。

3.jQuery和JavaScript對象如何轉化？

JavaScript的DOM對象轉jQuery對象

$(JavaScript的DOM對象);

jQuery對象轉JavaScript的DOM對象

jQuery對象[index];

4.闡述一下JavaScript和jQuery的關係？

• jQuery是一個 JavaScript 框架,封裝了 JavaScript 的屬性和方法。讓用戶使用起來更加便利,並且增強了JavaScript的功能。
• 使用原生 JavaScript 要處理很多兼容性的問題(註冊事件等)，jQuery封裝了底層，就不用處理兼容性問題。
• 原生的JavaScript的DOM和事件綁定和Ajax等操作非常麻煩，jQuery封裝以後操作非常方便。

5.jQuery的html屬相操作是哪個方法？你認爲是JavaScript中哪個方法封裝來的？

jQuery的屬性操作， 是對html文檔中的屬性進行讀取、設置和移除操作。比如，attr()、 removeAttr()。

attr()可以設置屬性值或者返回被選元素的屬性值。

通過JavaScript的setAttribute()方法封裝來的。

removeAttr()可以移除屬性。

6.列舉jQuery的文檔操作的方法？以及他們的意思？

• 操作文檔節點的屬性、操作DOM元素的屬性。
  
• 操作文檔節點的內容(插入節點、修改節點、刪除節點)。
  
• 操作文檔的樣式屬性(CSS屬性操作)。
  
• 顯示、隱藏、設置樣式，並可附帶動畫效果。處理各種函數隊列等。
  

7.對一個元素顯示隱藏分別使用類控制(addClass和removeClass)和文檔操作(append())來實現,並描述一下他們的區別？

給元素換class，來實現隱藏div，前提是換的class樣式定義好了隱藏屬性。

$("#hidediv").attr("class", "blockclass");  

8.列舉jQuery的選擇器有哪些？重點

12.2.2 選擇器

9.jQuery的事件有哪些？

12.2.3 事件

10.mouseout和mouseover以及mouseenter和mouseleave的區別？

mouseover與mouseenter

不論鼠標指針穿過被選元素或其子元素，都會觸發 mouseover 事件。

只有在鼠標指針穿過被選元素時，纔會觸發 mouseenter 事件。

mouseout與mouseleave

不論鼠標指針離開被選元素還是任何子元素，都會觸發 mouseout 事件。

只有在鼠標指針離開被選元素時，纔會觸發 mouseleave 事件。

11.寫jquery的ajax的get請求方法和post請求方法？

//get()方式
$.ajax({
	url:'./data/index.txt',
	type:'get',
	dataType:'text',
	success:function(data){
		$('p').html(data);
	},
	error:function(error){
	console.log(error)
}

//post()方式
$.ajax({
	url:'/index',
	type:'post',
	data:{name:'張三',age:12},
	success:function(data){
		$('p').html(data);
	},
	error:function(error){
	console.log(error)
}

查看專欄詳情 立即解鎖全部專欄