最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery Study Notes學習筆記 (二)

 更新時間：2010年08月04日 02:20:50   作者：  
jquery簡單選擇器的使用方法。jquery中最基本的東西了。
1. 使用class與id選擇HTML元素
　　選擇id為"myDivId"的元素.由于id是唯一的，所以總是選擇到1個或0個元素
復制代碼 代碼如下:

$('#myDivId')

選擇class為"myCssClass". 可以選擇任何多個class為"myCssClass"的元素.
復制代碼 代碼如下:

$('.myCssClass')

獲取或設置元素的值
復制代碼 代碼如下:

var myValue = $('#myDivId').val(); // get the value of an element
$('#myDivId').val("hello world"); // set the value of an element

選擇id中有.和：時，前面添加兩個反斜杠
復制代碼 代碼如下:

// Does not work
$("#some:id")
// Works!
$("#some\\:id")
// Does not work
$("#some.id")
// Works!
$("#some\\.id")

或者用如下處理
復制代碼 代碼如下:

function jq(myid) {
return '#' + myid.replace(/(:|\.)/g,'\\$1');
}
$( jq('some.id') )

2. 測試元素
　　使用is()方法測試是否具有某個class
復制代碼 代碼如下:

if ( $('#myDiv').is('.pretty') )
$('#myDiv').show();

測試是否隱藏
復制代碼 代碼如下:

if ( $('#myDiv').is(':hidden') )
$('#myDiv').show();

1.2版本后，可以使用hasClass方法處理
復制代碼 代碼如下:

$("div").click(function(){
if ( $(this).hasClass("protected") )
$(this)
.animate({ left: -10 })
.animate({ left: 10 })
.animate({ left: -10 })
.animate({ left: 10 })
.animate({ left: 0 });
});

測試元素是否存在
復制代碼 代碼如下:

if ( $('#myDiv').length )
$('#myDiv').show();

3.元素禁用與允許
復制代碼 代碼如下:

// Disable #x
$("#x").attr("disabled","disabled");
// Enable #x
$("#x").removeAttr("disabled");

代碼:
復制代碼 代碼如下:

<select id="x" style="width:200px;">
<option>one</option>
<option>two</option>
</select>
<input type="button" value="Disable" onclick="$('#x').attr('disabled','disabled')"/>
<DIV class=cnblogs_Highlighter><PRE class=brush:html> // This doesn't work
$(this).find('li a').eq(2).text().replace('foo','bar');
// This works
var $thirdLink = $(this).find('li a').eq(2);
var linkText = $thirdLink.text().replace('foo','bar');
$thirdLink.text(linkText);
</PRE>
</DIV>
<input type="button" value="Enable" onclick="$('#x').removeAttr('disabled')"/>

4.Checkbox選擇/取消
復制代碼 代碼如下:

// Check #x
$("#c").attr("checked", "checked");
// Uncheck #x
$("#c").removeAttr("checked");

代碼:
復制代碼 代碼如下:

<label><input type="checkbox" id="c"/> I'll be checked/unchecked.</label><BR><input type="button" value="Check" onclick='$("#c").attr("checked","checked")'/><BR><input type="button" value="Uncheck" onclick='$("#c").removeAttr("checked")'/><BR>

5.獲取Select Opion的value和text
復制代碼 代碼如下:

$("select#myselect").val();
$("#myselect option:selected").text();

代碼:
復制代碼 代碼如下:

<select id="myselect"><BR>&nbsp;&nbsp; <option value="1">Mr</option><BR>&nbsp;&nbsp; <option value="2">Mrs</option><BR>&nbsp;&nbsp; <option value="3">Ms</option><BR>&nbsp;&nbsp; <option value="4">Dr</option><BR>&nbsp;&nbsp; <option value="5">Prof</option><BR></select><BR><input type="button" value="Get Value" onclick="alert($('#myselect').val())"/><BR><input type="button" value="Get Text Value" onclick="alert($('#myselect option:selected').text())"/>

替換10個項目中第3個項目的文本
復制代碼 代碼如下:

// This doesn't work
$(this).find('li a').eq(2).text().replace('foo','bar');
// This works
var $thirdLink = $(this).find('li a').eq(2);
var linkText = $thirdLink.text().replace('foo','bar');
$thirdLink.text(linkText);

相關文章

最新評論

桐柏县| 伊川县| 青岛市| 北京市| 黔南| 汉寿县| 上思县| 北票市| 康乐县| 界首市| 巴楚县| 柘城县| 龙泉市| 新蔡县| 桐梓县| 冀州市| 恩施市| 淮阳县| 济阳县| 内乡县| 英超| 新晃| 县级市| 灵山县| 固阳县| 临沧市| 长沙县| 长治市| 日喀则市| 年辖：市辖区| 沾益县| 上蔡县| 理塘县| 鹤山市| 锡林浩特市| 安乡县| 通道| 临江市| 密云县| 吉隆县| 昌图县|