重新認識Jquery中的html()方法,重新認識jquery
今天測試給我提了一個bug:在頁面上我需要藉助"</td>"來擷取表格中某行內的某列以後的單元格,也就是說裡面有這樣一行代碼:“tr = tr.substring(tr.indexOf("</td>"));”,這個JavaScript指令碼在Google等瀏覽器中均可以達到預期效果,可是在IE8中就不行了,弄了一個多小時最後終於發現了問題,先看如下代碼:
<html><head><title>重新認識Jquery中的html()方法</title><meta http-equiv="Content-Type" content="text/html; charset=GB2312"/><script type="text/javascript" src="./jquery-1.6.2.js"></script><script type="text/javascript"> $(function(){alert($("table").html());});</script></head><body><table width="100" border="0" cellpadding="0" cellspacing="0"><tr><td><input type="text" id="userName" name="userName"></td></tr></table></body></html> 該代碼在Google瀏覽器中可以“理想”地在提示框中顯示出來,可是在IE8中我們會發現提示框中的所有標籤均變成了大寫,所以“tr = tr.substring(tr.indexOf("</td>"));”當然不起作用了,沒辦法,最終的解決方案為:tr = tr.indexOf("</td>") == -1 ? tr.substring(tr.indexOf("</TD>")) : tr.substring(tr.indexOf("</td>"));
說明:上面解決方案中tr是變數,呵呵呵,我只是粘貼出了一部分代碼,這行代碼是在$.each()數組遍曆方法中的。
【0分下載資源】
對於jquery html(val)這個方法
你那中方法我沒有嘗試過,你可以試試這樣:
$('tr:eq(i)').find('td:eq(0)').html(i+1);這樣應該就可以了
html中使用jQuery與css,js的方法
首選,你要清楚css和jQuery(js)是什麼。
首先,css是一種網頁的樣式語言,主要瞭解其選取器與屬性設定。css是可以直接寫在html頁面中的,它使用的是一種style的標籤(<style>css代碼</style>),直接在標籤中寫css的代碼。我們稱這種方式為內置樣式表。另外,css還可以直接作為其它標籤的屬性來書寫(<span style="color:red;">這是內聯樣式表</span>),這樣寫就可以取消選取器了,但容易照成code的重複書寫。最後一種是外部樣式表,直接將css寫在css檔案中,然後通過link標籤引入到網頁<link type="text/css" rel="stylesheet" href="css檔案地址"/>.
再說js,js全稱是JavaScript,它是一種網頁前台的程式語言,可以對網頁進行想要的控制。js也是可以直接寫在頁面中的,它採用的是script標籤,在script標籤中寫的就是js的code(<script type="text/javascript">js代碼</script>)。而一般而言,我們會在外部檔案中寫js,js的外部關聯也是通過script標籤完成(<script type="text/javascript" src="js檔案路徑"></script>)。
最後,來說jQuery,jQuery是一個輕量級的js庫。怎麼說呢,jQuery本身也就是一種js語言,所以它的使用完全是繼承js的,js的用法完全在jQuery裡適用。js其實是一種很麻煩的語言,而jQuery就是將js進行了再編輯,使得通過使用jQuery能夠更加方便地運用js。一般而言,使用了jQuery,原生的js語言就用得很少了。
如何使用jQuery,首先,得下載一個jQuery的js檔案,(或者直接到jQuery官網copy下jQuery的code複製到自己的一個js檔案中),然後在頁面中,使用script標籤將這個js檔案引入頁面中。只有先引入了jQuery的js檔案,才能使用jQuery。
那麼,jQuery特效呢?所謂的jQuery特效就是使用了jQuery語言編寫的一個js檔案了。要使用其中的一些方法什麼的,與引入jQuery的js檔案一樣引入到頁面中就可以。另外,jQuery特效可能還會有其相關的css檔案和影像檔,注意這些的正確引入。