文件分類 [總覽]
社群資訊
FAQ 整理
by 蘇德宙, 2010-04-10 10:36, 人氣(1745)
Select an Item
.name // css class
#name // element ID
name // element
EX.
var v = $('#myDivId').val(); // get the value of an element
$('#myDivId').val("hello world"); // set the value of an element
$('#myDivId').val("hello world"); // set the value of an element
is(expr) / hasClass(className)
if ($('#myDiv').is('.pretty')) $('#myDiv').show();
if ($('#myDiv').is(':hidden'))
Test whether an element exists using 'length'
if ( $('#myDiv').length ) $('#myDiv').show();
Handle a form element
$('#x').attr('disabled', true); // or false
$("#x").removeAttr('disabled');
// checkbox
$('#x').attr('checked', true);
// selection
<select id="myselect">
<option value="1" selected>Mr</option>
<option value="2">Ms</option>
</select>
$("#myselect").val(); // selected value, = 1
$("#myselect option:selected").text(); // Mr
<option value="1" selected>Mr</option>
<option value="2">Ms</option>
</select>
$("#myselect").val(); // selected value, = 1
$("#myselect option:selected").text(); // Mr
Select an element at index n - .eq(n)
<ul>
<li><a>item 1</a></li>
<li><a>item 2</a></li>
</ul>
<li><a>item 1</a></li>
<li><a>item 2</a></li>
</ul>
$(this).find('li a').eq(1).text(); // item 2