JQuery操作簡單html元件

1、radio 處理

1.獲取選中值，三種方法都可以：

$('input:radio:checked').val()；
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();
2.設定第乙個radio為選中值：
$('input:radio:first').attr('checked', 'checked');
或者$('input:radio:first').attr('checked', 'true');
注：attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)
3.設定最後乙個radio為選中值：
$('input:radio:last').attr('checked', 'checked');
或者$('input:radio:last').attr('checked', 'true');
4.根據索引值設定任意乙個radio為選中值：
$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....
或者$('input:radio').slice(1,2).attr('checked', 'true');
5.根據value值設定radio為選中值
$("input:radio[value='rd2']").attr('checked','true');
或者$("input[value='rd2']").attr('checked','true');
6.刪除value值為rd2的radio
$("input:radio[value='rd2']").remove();
7.刪除第幾個radio
$("input:radio").eq(索引值).remove();索引值=0,1,2....
如刪除第3個radio:$("input:radio").eq(2).remove();
8.遍歷radio
$('input:radio').each(function(index,domele));

2、select 組合框

1.   獲取選中項：

獲取選中項的value值：
$('select#sel option:selected').val();
或者$('select#sel').find('option:selected').val();
獲取選中項的text值：
$('select#seloption:selected').text();
或者$('select#sel').find('option:selected').text();
2.   獲取當前選中項的索引值：
$('select#sel').get(0).selectedindex;
3.   獲取當前option的最大索引值：
$('select#sel option:last').attr("index")
4.   獲取dropdownlist的長度：
$('select#sel')[0].options.length;
或者$('select#sel').get(0).options.length;
5.  設定第乙個option為選中值：
$('select#sel option:first').attr('selected','true')
或者 $('select#sel')[0].selectedindex = 0;

3、ul li

jquery 遍歷ul下所有的li

$(function());

});

jquery 獲取

$(function())})

jquery 定位

$("div ul").eq(-1);  //定位倒數第1個元素

$("div ul").eq(-2);//定位倒數第2個元素
$('ul li:first-child').css('backgroundcolor', '#000');//設定第1個ul樣式

jquery中刪除指定ul中除第乙個li外的所有li的**

1、用not

$("ul>li").not(":eq(0)").remove();
或$("ul>li").not(":first").remove();
2、用filter
$("ul>li").filter(function(index)).remove();
3、$("ul li:gt(0)").remove();

jquery學習筆記 操作html

document ready function 獲取或設定html值 gethtml click function 獲取或設定表單框值 setinput click function getinput click function 獲取或設定屬性值 getinputtype click functi...

如何使用jquery操作HTML

p1 這是一段文字 p 這是第二段文字 p div body 如何使用jquery加一段文字到html 中 怎麼加乙個p標籤 var a document.createelement p 怎麼加一段文字 var b document.createtextnode 這是第三段文字 把怎加的文字放入標籤...

jQuery 簡單操作合集

獲取所有元素 p 獲取乙個id為mydiv的元素 div mydiv 獲取所有type屬性等於 text 的元素 input type text 獲取所有p元素並隱藏它們 p hide 獲取id為mydiv的元素,然後將其字型改為arial div mydiv css font family ari...