jquer lec .... find() 數據 att 找不到 當前 cto

1,為什麽學習jQuery

javaScript缺乏跨瀏覽器的兼容，最少的代碼做更多的事，性能，業內的一個“標準”，節省開發者學習時間，插件，讓JavaScript編程變得有趣 2，jQuery選擇器 　　基本選擇器 　　　　　　　#id 　　　　　　　element 　　　　　　　.class 　　　　　　　* 　　　　　　　, 　　　　　　　>　子代 　　　　　　　 後代 　　其他選擇器(選擇器太多不想寫) 　　　　　　:first 　　　　　　:last 　　　　　　:not(selector) 　　　　　　:even 偶數 　　　　　　:odd 奇數 　　　　　　:eq() 　　　　　　:hidden 匹配不可見的 　　　　　　:visible 匹配可見的 　　　　　　表單 　　　　　　　　:checked 匹配所有選中的被選中元素（復選框、單選框，不包括select中的option） 　　　　　　　　:selected 匹配所有選中的option 篩選 　　　　eq(index/-index)----index正數從0算起 ， 負數從最後一個元素開始倒數 　　　　first() 　　　　last() 　　　　not(選擇器) 　　　　children() 　　　　find() ----後代 　　　　parent() 　　　　parents() ----祖先 　　　　next() 　　　　prev()　　 　　　　siblings()　　 　　　　nextAll() ----查找當前元素之後所有的同輩元素 　　　　prevAll() ----查找當前元素之前所有的同輩元素 　　　　index([selector | element]) ----搜索匹配的元素，並返回相應元素的索引值，從0開始計數 如果不給index()方法傳遞參數，那麽返回值就是這個jQuery對象集合中第一個元素相對於其同輩元素的位置 　　　　如果參數是一組DOM元素或者jQuery，那麽返回值就是傳遞的元素相對於原先集合的位置 　　　　如果參數是一個選擇器，那麽返回值就是原先元素相對於選擇器匹配元素中的位置。如果找不到匹配的元素，則返回-1 　　　　

樣式操作

　　設置單個樣式 css(name,value);

　　設置多個 css({});

　　獲取樣式 css(name);

　　　　addClass();

　　　　removeClass();

　　　　toggleClass();

動畫

　　　show();

　　　hide();

　　　toggle();

　　　slideDown();

　　　slideUp();

　　　slideToggle();

　　　fadeIn();

　　　fadeOut();

　　　fadeTo([speed]，opacity,[easing],fn); 到一個指定的透明度

　　　fadeToggle();

　　　animate();

　　　stop([clearQueue],[jumpToEnd]);

　　----

節點操作

　　　　append();

　　　　prepend();

　　　　after() ----外部插入之後

　　　　 before() ;

　　　　empty(); ---- 清空節點--刪除匹配的元素中所有子節點

　　　　remove(選擇器); ----移除節點--自殺--從DOM中刪除所有匹配的元素，，這個方法不會把匹配的元素從jQuery對象中刪除，因而可以在將來再使用這些匹配的元素，但是這些元素綁定的事件附加的數據都會被移除

　　　　detach(選擇器)----從DOM中刪除所有匹配的元素，與remove不同的是，他不會移除這些元素綁定的事件和附加的數據

　　　　clone(true);

DOM操作

　　　　表單值 val();

　　　　　內容 html(); text(); 　　　　width(); 內容寬度 　　　　innerWidth(); 包括padding 　　　　outerWidth(); 包括border 　　　　outerWidth(true); 包括margin 屬性操作： 　　　　attr(name,value);.... 　　　　prop() 布爾類型 checked selected disabled 區別 待續... 位置 　　　　offset()　　　----獲取相對於視口 　　　　position() ----獲取相對於父元素的偏移 滾動 　　　　scrollTop(); 　　　　scrollLeft(); 事件 　　　　on("click","選擇器"，function(){}) 　　　　delegate(); 解除 　　　　off(); 觸發 　　　　trigger(); 　　　　triggerHandler(); 事件對象 　　　　e.pageX 　　　　e.stopPropagation(); 　　　　e.preventDefault(); 鏈式編程 end() 顯示叠代 each()

jQuery總結