JQuery隨筆

web請求中,外部樣式文件的加載不影響頁面,js的加載會影響頁面的加載速度javascript

window.onlond 頁面全部元素加載完後執行包含js,css等加載完畢css

$(function(){}) 頁面中DOM樹加載完成後就執行 ===$(document).ready(function(){})html

jquery中的this是某個DOM元素java

選擇器jquery

$("input[type='checkbox']:checked").val() 選中的值web

$(document).ready() 函數用於在文檔結束加載以前阻止代碼運行編程

noConflict() 方法用於處理命名衝突  會釋放對$ 標識符的控制,這樣其餘腳本就能夠使用它了 (其中某些框架也使用 $ 符號做爲簡寫(就像 jQuery),若是您在用的兩種不一樣的框架正在使用相同的簡寫符號,有可能致使腳本中止運行。)框架

$("div#intro .head") 選取id爲intro的div下class=head的全部元素dom

index() 方法返回指定元素相對於其餘指定元素的 index 位置。函數

$("li").click(function(){
  alert($(this).index());
});

DOM事件

一、dom0級事件特色:

1.一、相同dom元素的相同事件屬性 只能 註冊一個方法,若是註冊多個,則會被後面的覆蓋

1.二、使用的是事件冒泡:由內往外

document.getElementById("divFather").onclick=function(){
      alert("divFather");
}        

二、dom 2級事件特色:

2.一、註冊的方式 不同 註冊事件方法時 能夠選擇 捕獲階段事件(true),也能夠選擇 冒泡階段事件(false)

2.1.一、使用的是事件冒泡:由內往外

document.getElementById("div1").addEventListener("click",function(){alert("div1")},false)
document.getElementById("div2").addEventListener("click",function(){alert("div2")},false)

鏈式編程的三種狀況

一、不返回Jquery對象的方法:val(),html(),text(),attr()返回文本字符串

二、返回新的Jquery對象的方法:next(),nextAll(),parent(),children(),prev()...

三、剩下基本都是返回當前Jquery對象

相關文章
相關標籤/搜索