1.
$('td:empty').html('-'); td可替換
要在表格中的每一個(gè)空列中都添加一個(gè)橫杠，可以使用：:empty 偽選擇器
2.
resize方法，在每一個(gè)匹配元素的resize事件中綁定一個(gè)處理函數(shù)。
eg:
讓人每次改變頁(yè)面窗口的大小時(shí)很郁悶的方法:
$(window).resize(function(){
alert("Stop it!");
});
3.$.trim(str)：刪除字符串兩端的空白字符。
eg:
$("input").val( $.trim(" hello, how are you? ") ) ;
4.JQuery的一些基礎(chǔ)解釋：
- 1，調(diào)用方法是要注意：
- 調(diào)用方法時(shí)要注意操作的是dom對(duì)象還是jquery對(duì)象。
- 普通的dom對(duì)象一般可以通過(guò)$()轉(zhuǎn)換成jquery對(duì)象。
- 如：$(document.getElementById("msg"))則為jquery對(duì)象，可以使用jquery的方法。
- 由于jquery對(duì)象本身是一個(gè)集合(返回的對(duì)象為jquery對(duì)象（集合對(duì)象），不能直接調(diào)用dom定義的方法)。
- 所以如果jquery對(duì)象要轉(zhuǎn)換為dom對(duì)象則必須取出其中的某一項(xiàng)，一般可通過(guò)索引取出。
- 如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]這些都是dom對(duì)象，
- 其中$(exp).get(0) 等效于$(exp)[0]。
- 可以使用dom中的方法，但不能再使用Jquery的方法。
-
- 以下幾種寫法都是正確的：
- $("#msg").html();
- $("#msg")[0].innerHTML;（經(jīng)常新手會(huì) $("#msg")[0].html() ,當(dāng)然這是錯(cuò)誤的寫法。）
- $("#msg").eq(0)[0].innerHTML;
- $("#msg").get(0).innerHTML;
- 要注意，eq返回的是jquery對(duì)象，而get(n)和索引返回的是dom元素對(duì)象。
-
-
-
-
- 2，同一函數(shù)實(shí)現(xiàn)set和get:
- Jquery中的很多方法都是如此，主要包括如下幾個(gè)：
- $("#msg").html();
- $("#msg").html("<b>new content</b>");
-
-
- $("#msg").text();
- $("#msg").text("<b>new content</b>");
-
-
- $("#msg").height();
- $("#msg").height("300");
- $("#msg").width();
- $("#msg").width("300");
-
- $("input").val(");
- $("input").val("test");
-
- $("#msg").click();
- $("#msg").click(fn);
- 同樣blur,focus,select,submit事件都可以有著兩種調(diào)用方法
-
- $("#msg").css("background");
- $("#msg").css("background","#ccc")
- $("#msg").css({ color: "red", background: "blue" });
-
- $("p").bind("click", function(){alert($(this).text());});
- $("p").unbind();
- $("p").unbind("click")
-
-
-
- 3，集合處理功能
- $("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})
-
- $("p").click(function(i){this.style.color=['#f00','#0f0','#00f'][i]})
-
5.visible知識(shí)
- .is(':visible')是什么意思？
- 最近剛剛開(kāi)始學(xué)習(xí)jq。 看了幾個(gè)小例子 了。
- 遇到一個(gè)問(wèn)題不清楚，查了API 也沒(méi)搞清楚。
- API說(shuō)IS（）的意思：
- Boolean布爾值is( String expr )用一個(gè)表達(dá)式來(lái)檢查當(dāng)前選擇的元素集合，如果其中至少有一個(gè)元素符合這個(gè)給定的表達(dá)式就返回true。
- $(document).ready(function() {
- $('#faq').find('dd').hide();
- $('#faq').find('dt').click(function() {
- var answer = $(this).next();
- if (answer.is(':visible')) {
- answer.slideUp();
- } else {
- answer.slideDown();
- }
- });
- });
-
- 請(qǐng)高手幫我解釋一下 if (answer.is(':visible')) {
- 這句話的含義。里面的(:visible) 是啥意思？
- 為什么能這么寫？
-
-
- 正解：
- answer.is(':visible')是指可見(jiàn)的answer元素.
- 如果可見(jiàn)就調(diào)用answer.slideUp();使之隱藏.
- else則是不可見(jiàn)的元素 調(diào)用answer.slideDown();使之顯示.
- 類似的寫法還有answer.is(':first')answer.is(':last')之類的,類似于CSS的偽類a:hover
6.下面給出一個(gè)用split的實(shí)例:
msg ="2007/10/01";
msg = msg.split("/");
alert(msg[2]);
他會(huì)把 msg 分成一個(gè)3塊組成一個(gè)數(shù)組 ，然后就可以輕松獲取了。
7.
一個(gè)新的挑戰(zhàn)是從一組類似或相同的元素中只選擇某一個(gè)特定的元素。
jQuery提供了filter()和not()來(lái)做這個(gè)。
filter()能夠?qū)⒃鼐?jiǎn)到只剩下滿足過(guò)濾條件的那些，not()恰恰相反，他移除了所有滿足條件的。
- <mce:script type="text/javascript"><!--
-
- $(document).ready(function() {
-
- alert($("p").filter(".selected").html());
-
- alert($("p").not(".selected").html());
- });
-
-
- </head>
- <body>
-
|
