Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
?
1. jQuery 是什么?
2. 為什么要使用 jQuery?
3. jQuery 入口函數
1. jQuery與JavaScript加載模式對比
2. jQuery 其他寫法
3. 解決$符號沖突問題
1. 釋放 $ 使用權
2. 自定義訪問符號
4. jQuery 核心函數
5. jQuery 對象
1. jQuery 對象的本質
6. jQuery 靜態方法
1. 什么是靜態方法
2. jQuery.holdReady()
3. each 方法
4. map 方法
5. trim 方法
6. isWindow 方法
7. isArray 方法
8. isFunction 方法
7. jQuery 選擇器
1. 基礎選擇器
2. 層次選擇器
3. 內容過濾選擇器
1. :empty
2. :parent
3. :contains(text)
4. :has(selector)
8. jQuery 屬性操作
1. 屬性與屬性節點
1.什么是屬性?
2.如何操作屬性?
3.什么是屬性節點?
4.如何操作屬性節點?
5.屬性和屬性節點有什么區別?
2. 屬性節點方法
1. attr 方法
2. removeAttr 方法
3. prop 方法
4. removeProp 方法
5. attr方法和prop方法區別
9. jQuery Class 操作
1. jQuery Class 類操作
1. addClass
2. removeClass
3. toggleClass
2. jQuery 文本值操作
1. html
2. text
3. val
3. jQuery CSS 樣式
1. css 方法
2. width 方法
3. height 方法
4. jQuery 元素位置
1. offset 方法
2. position 方法
5. jQuery scroll 方法
1. scrollTop 方法
2. scrollLeft 方法
10. jQuery 事件
1. 事件綁定
2. 事件解綁
3. 事件坐標
4. 事件冒泡
1. 什么是事件冒泡
2. 阻止事件冒泡
5. 默認行為
1. 什么是默認行為
2. 阻止默認行為
6. 自動觸發事件
1. 什么是自動觸發事件
2. 自動觸發方式
7. 自定義事件
1. 什么是自定義事件
2. 自定義事件的條件
8. 事件命名空間
1. 什么是事件命名空間
2. 添加事件命名空間的條件
3. 事件命名空間注意點(面試題)
9. 事件委托
1. 什么是事件委托
2. 事件委托的好處
3. jQuery 中添加事件委托
10. 移入移出事件
1. mouseenter/mouseleave
2. mouseover/mouseout
3. hover
11. jQuery 動畫效果
1. 顯示,隱藏動畫
1. show
2. hide
3. toggle
4. 注意點
2. 展開,收起動畫
1. slideDown
2. slideUp
3. slideToggle
3. 淡入,淡出動畫
1. fadeIn
2. fadeOut
3. fadeToggle
4. fadeTo
4. 自定義動畫
1. animate
5. 動畫隊列
6. 動畫相關方法
1. delay
2. stop
12. jQuery 文檔處理
1. 添加節點
1. 內部插入
2. 外部插入
2. 刪除節點
3. 替換節點
4. 復制節點
5. 包裹節點
6. 遍歷節點
13. jQuery 面試題
1. 為什么要使用jQuery?jquery有哪些好處?
2. jQuery能做什么?
3. jQuery 庫中的 $() 是什么?
4. $(document).ready() 是個什么函數?為什么要用它?
5. (document).ready()方法和window.onload有什么區別?
6. jQuery中.get()提交和.post()提交的區別
7. jQuery中有哪些方法可以遍歷節點?
8. $(this) 和 this 關鍵字在 jQuery 中有何不同?
9. 使用 CDN 加載 jQuery 庫的主要優勢是什么 ?
10. 如何使用從服務器獲取一個復雜數據(對象)?
11. 在使用選擇器的時要注意的地方?
12. 有哪些查詢節點的選擇器?
13. jQuery是如何處理緩存的? ( 要處理緩存就是禁用緩存 )
14. 在jquery中你有沒有編寫過插件,插件有什么好處?你編寫過那些插件?它應該注意那些?
由于答案部分太長了,就不一一給大家演示了,想要獲取面試資料答案可以關注我,私信回復“資料”即可免費獲取
jQuery中對dom元素進行操作。
屬性/方法 | 描述 |
append(content|fn) | 向每個匹配的元素內部追加內容。$("p").append("<b>Hello</b>");向所有段落中追加一些HTML標記。 |
appendTo(content) | 把所有匹配的元素追加到另一個指定的元素中。使用這個方法是顛倒了常規的$(A).appendTo(B)的操作,即不是把B追加到A中,而是把A追加到B中。 $("p").appendTo("div");把所有段落追加到div元素中 |
prepend(content|fn) | 向每個匹配的元素內部前置內容。$("p").prepend("<b>Hello</b>");向所有段落中前置一些HTML標記代碼。 |
prependTo(content) | 把所有匹配的元素前置到另一個、指定的元素元素集合中。使用這個方法是顛倒了常規的$(A).prepend(B)的操作,即不是把B前置到A中,而是把A前置到B中。$("p").prependTo("#foo"); 把所有段落追加到ID值為foo的元素中。 |
after(content|fn) | 在每個匹配的元素之后插入內容。$("p").after("<b>Hello</b>");在所有段落之后插入一些HTML標記代碼。 |
before(content|fn) | 在每個匹配的元素之前插入內容。$("p").before("<b>Hello</b>");在所有段落之前插入一些HTML標記代碼。 |
insertAfter(content) | 把所有匹配的元素插入到另一個、指定的元素元素集合的后面。使用這個方法是顛倒了常規的$(A).after(B)的操作,即不是把B插入到A后面,而是把A插入到B后面。$("p").insertAfter("#foo");把所有段落插入到一個元素之后。與 $("#foo").after("p")相同 |
insertBefore(content) | 把所有匹配的元素插入到另一個、指定的元素元素集合的前面。使用這個方法是顛倒了常規的$(A).before(B)的操作,即不是把B插入到A前面,而是把A插入到B前面。$("p").insertBefore("#foo");把所有段落插入到一個元素之前。與 $("#foo").before("p")相同。 |
wrap(html|ele|fn) | 把所有匹配的元素用其他元素的結構化標記包裹起來。 $("p").wrap("<div class='wrap'></div>"); 把所有的段落用一個新創建的div包裹起來 |
unwrap() | 這個方法將移出元素的父元素。這能快速取消 .wrap()方法的效果。 $("p").unwrap(); 把所有段落的父元素直接移除 |
wrapAll(html|ele) | 將所有匹配的元素用單個元素包裹起來。$("p").wrapAll("<div></div>");用一個生成的div將所有段落包裹起來 |
wrapInner(html|ele|fn) | 將每一個匹配的元素的子內容(包括文本節點)用一個HTML結構包裹起來。$("p").wrapInner("<b></b>");把所有段落內的每個子內容加粗 |
replaceWith(content|fn) | 將所有匹配的元素替換成指定的HTML或DOM元素。 $("p").replaceWith("<b>Paragraph. </b>");把所有的段落標記替換成加粗的標記。 |
replaceAll(selector) | 用匹配的元素替換掉所有 selector匹配到的元素。 $("<b>Paragraph. </b>").replaceAll("p");把所有的段落標記替換成加粗標記 |
empty() | 刪除、清空匹配的元素集合中所有的子節點。$("p").empty();把所有段落的子元素(包括文本節點)刪除 |
remove([expr]) | 從DOM中刪除所有匹配的元素。$("p").remove();從DOM中把所有段落刪除 |
clone([Even[,deepEven]]) | 克隆匹配的DOM元素并且選中這些克隆的副本。(傳入參數布爾值(true 或者 false)指示事件處理函數是否會被復制。) $("b").clone().prependTo("p");克隆所有b元素(并選中這些克隆的副本),然后將它們前置到所有段落中。 |
jQuery中對dom元素進行篩選判斷。
屬性/方法 | 描述 |
first() | first() 獲取第一個元素。 $('li').first() |
last() | last() 獲取最后個元素。 $('li').last() |
is(expr|obj|ele|fn) | 根據選擇器、DOM元素或 jQuery 對象來檢測匹配元素集合,如果其中至少有一個元素符合這個給定的表達式就返回true。如果沒有元素符合,或者表達式無效,都返回false。 $("input[type='checkbox']").parent().is("form");由于input元素的父元素是一個表單元素,所以返回true。 |
has(expr|ele) | 保留包含特定后代的元素,去掉那些不含有指定后代的元素。.has()方法將會從給定的jQuery對象中重新創建一組匹配的對象。 $('li').has('ul').css('background-color', 'red');給含有ul的li加上背景色 |
find(e|o|e) | 搜索所有與指定表達式匹配的元素。 $("p").find("span");從所有的段落開始,進一步搜索下面的span元素。 |
parent([expr]) | 取得一個包含著所有匹配元素的唯一父元素的元素集合。 $("p").parent(".selected");查找段落的父元素中每個類名為selected的父元素。 |
siblings([expr]) | 取得一個包含匹配的元素集合中每一個元素的所有唯一同輩元素的元素集合。 $("div").siblings();找到每個div的所有同輩元素。 |
jQuery中對dom元素進行樣式上的操作。
屬性/方法 | 描述 |
addClass(class|fn) | 為每個匹配的元素添加指定的類名 $("p").addClass("selected"); 為匹配的元素加上 'selected' 類 |
removeClass([class|fn]) | 從所有匹配的元素中刪除全部或者指定的類 $("p").removeClass("selected"); 從匹配的元素中刪除 'selected' 類 |
toggleClass(class|fn[,sw]) | 如果存在(不存在)就刪除(添加)一個類。$("p").toggleClass("selected"); 為匹配的元素切換 'selected' 類 |
hasClass(class) | 檢查元素是否含有某個特定的類,如果有,則返回true。 $("div").hasClass("protected") |
css(name|pro|[,val|fn]) | 訪問匹配元素的樣式屬性 $("p").css("color") 取得第一個段落的color樣式屬性的值。$("p").css("color","red"); 將所有段落字體設為紅色 |
height/width([val|fn]) | 取得匹配元素當前計算的高/寬度值(px) $("p").height();$("p").width(); |
offset([coordinates]) | 獲取匹配元素在當前視口的相對偏移。返回的對象包含兩個整型屬性:top 和 left,以像素計。此方法只對可見元素有效 var p=$("p:last"); var offset=p.offset(); p.html( "left: " + offset.left + ", top: " + offset.top ); |
jQuery中dom元素事件的操作。
屬性/方法 | 描述 |
on(eve,[sel],[data],fn)1.7+ | 在選擇元素上綁定一個或多個事件的事件處理函數 $("p").on("click", function(){ alert( $(this).text() ); }); |
off(eve,[sel],[fn])1.7+ | 在選擇元素上移除一個或多個事件的事件處理函數。off() 方法移除用.on()綁定的事件處理程序 $("p").off( "click", "**" ) |
bind(type,[data],fn) | 為每個匹配元素的特定事件綁定事件處理函數。 $(document).bind('mousemove',function(e){ $("#log").text("e.pageX: " + e.pageX + ", e.pageY: " + e.pageY); }); |
unbind(t,[d|f]) | bind()的反向操作,從每一個匹配的元素中刪除綁定的事件。如果沒有參數,則刪除所有綁定的事件。 $("p").unbind( "click" ) |
one(type,[data],fn) | 為每一個匹配元素的特定事件(像click)綁定一個一次性的事件處理函數。 $("p").one("click", function(){ alert( $(this).text() ); }); |
hover([over,]out) | 一個模仿懸停事件(鼠標移動到一個對象上面及移出這個對象)的方法。這是一個自定義的方法,它為頻繁使用的任務提供了一種“保持在其中”的狀態。當鼠標移動到一個匹配的元素上面時,會觸發指定的第一個函數。當鼠標移出這個元素時,會觸發指定的第二個函數。 $("td").hover( function () { $(this).addClass("hover"); }, function () { $(this).removeClass("hover"); } ); |
事件冒泡:事件在dom文檔中,會逐層往上觸發。如點擊了div里面的一個p元素,那么div及其上層元素的click也會被觸發。如要阻止事件的冒泡可以在里層的元素的事件方法中return false。
jQuery中對dom元素進行樣式上的操作。
屬性/方法 | 描述 |
show([s,[e],[fn]]) | 顯示隱藏的匹配元素。 $("p").show() 顯示所有段落 |
hide([s,[e],[fn]]) | 隱藏顯示的元素。 $("p").hide() 隱藏所有段落 |
slideDown([s],[e],[fn]) | 通過高度變化(向下增大)來動態地顯示所有匹配的元素,在顯示完成后可選地觸發一個回調函數。 $("p").slideDown("slow"); 用600毫秒緩慢的將段落滑下 |
slideUp([s,[e],[fn]]) | 通過高度變化(向上減小)來動態地隱藏所有匹配的元素,在隱藏完成后可選地觸發一個回調函數。 $("p").slideUp("slow");用600毫秒緩慢的將段落滑上 |
slideToggle([s],[e],[fn]) | 通過高度變化來切換所有匹配元素的可見性,并在切換完成后可選地觸發一個回調函數。 $("p").slideToggle("slow");用600毫秒緩慢的將段落滑上或滑下 |
fadeIn([s],[e],[fn]) | 通過不透明度的變化來實現所有匹配元素的淡入效果,并在動畫完成后可選地觸發一個回調函數。$("p").fadeIn("slow");用600毫秒緩慢的將段落淡入 |
fadeOut([s],[e],[fn]) | 通過不透明度的變化來實現所有匹配元素的淡出效果,并在動畫完成后可選地觸發一個回調函數。 $("p").fadeOut("slow");用600毫秒緩慢的將段落淡出 |
fadeTo([[s],o,[e],[fn]]) | 把所有匹配元素的不透明度以漸進方式調整到指定的不透明度,并在動畫完成后可選地觸發一個回調函數。 $("p").fadeTo("slow", 0.66);用600毫秒緩慢的將段落的透明度調整到0.66,大約2/3的可見度 |
fadeToggle([s,[e],[fn]]) | 通過不透明度的變化來開關所有匹配元素的淡入和淡出效果,并在動畫完成后可選地觸發一個回調函數。 $("p").fadeToggle("slow");用600毫秒緩慢的將段落淡入/出 |
animate(p,[s],[e],[fn])1.8* | 用于創建自定義動畫的函數。 |
*請認真填寫需求信息,我們會在24小時內與您取得聯系。