Re: [問題] 拖曳框選區域的 library

看板Ajax作者 (愚人)時間17年前 (2007/10/12 10:30), 編輯推噓0(000)
留言0則, 0人參與, 最新討論串3/4 (看更多)
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)
文章代碼(AID): #173jnEhv (Ajax)
文章代碼(AID): #173jnEhv (Ajax)