作者qrtt1 (愚人)
看板Ajax
标题Re: [问题] 拖曳框选区域的 library
时间Fri Oct 12 10:30:37 2007
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)