jQuery 最主要用來操作 DOM 而發展出來的 library
而 DOM 大致上會用在找某些 tag 或有某個 id 的 tag
或是符合某個 css class 的 tag
以及用來做 node 的新增，像在 p tag 內加入一個 div
之類的事情。這些工夫可以用 DOM function 來達成
不過過程很繁複，所以 jQuery 希望能將 DOM 的處理
少寫一點 code 但做多一點事
--------------------------------------------------------------------
舉個例子：我需要一個功能
讓我正在瀏覽這一頁的 link 失效
例如：我現在看 a.jsp
那麼其中有 <a href="http://foooooo.com.tw/a.jsp>here</a>
的連結失效
要達成這個目標有幾種選擇，但主要分為2大類
1. 在 server 端控制
使用 if-else 的方式控制讓含有 a.jsp 連結只出現字的部分，而沒有 a tag
2. 在 client 端把 link 隱藏起來
function getBaseLink(url){
var linkPos = url.indexOf(';jsessionid') != -1 ?
url.indexOf(';jsessionid') : url.indexOf('?') ;
return linkPos == -1 ?
url : url.substring(0,linkPos);
}
$("a.exploreLinks").each(function() {
if(getBaseLink(window.top.location.href)
== getBaseLink(this.href)){
$(this).before("<b>"+$(this).text()+"</b>").remove();
}
});
==========================================================================
$() 內可以放 dom element 或 element selector 或 html
放 dom element 時會被包成 jQuery object 你就可以使用 jQuery function
放 element selector 你可以當成是 filter 會找出符合條件的
dom element 包成 jQuery object(? 有點忘了是不是)
$("a.exploreLinks") 這是說找到所有 a tag 並含有
exploreLinks 的 css class 的 element
如果你在 a tag 上用了 id 可以指定 id 名稱(ex id="foo" 為例)
$("#foo")
其他的部可以看看 selector 章節
http://docs.jquery.com/Selectors
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.128.219.202
※ 編輯: qrtt1 來自: 220.128.219.202 (10/12 10:40)