jQuery是控制和操作select詳解。

2021-07-24 09:20:42 字數 1188 閱讀 5859

jquery是控制和操作select詳解。

先看下面的html**

選項一選項一...

選項n所謂jquery操作「select」, 說的更確切一些是應該是jquery控制 「option」, 看下面的jquery**:

//獲取第乙個option的值

$('#test option:first').val();

//最後乙個option的值

$('#test option:last').val();

//獲取第二個option的值

$('#test option:eq(1)').val();

//獲取選中的值

$('#test').val();

$('#test option:selected').val();

//設定值為2的option為選中狀態

$('#test').attr('value','2');

//設定最後乙個option為選中

$('#test option:last').attr('selected','selected');

$("#test").attr('value' , $('#test option:last').val());

$("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());

//獲取select的長度

$('#test option').length;

//新增乙個option

//添除選中項

$('#test option:selected').remove();

//刪除項選中(這裡刪除第一項)

$('#test option:first').remove();、

//指定值被刪除

$('#test option').each(function()

});$('#test option[value=5]').remove();

//獲取第乙個group的標籤

$('#test optgroup:eq(0)').attr('label');

//獲取第二group下面第乙個option的值

$('#test optgroup:eq(1) : option:eq(0)').val();

jQuery是控制和操作select詳解。

jquery是控制和操作select詳解。eg 選項一選項一.選項n所謂jquery操作 select 說的更確切一些是應該是jquery控制 option 看下面的jquery 獲取第乙個option的值 test option first val 最後乙個option的值 test option...

jQuery控制元素隱藏和顯示

1 jquery隱藏和顯示效果 通過 jquery,您可以使用 hide 和 show 方法來隱藏和顯示 html 元素 hide click function 點選id hide 元素時,隱藏所有標籤內容 show click function 點選id show 元素時,顯示所有標籤內容 2 j...

jquery操作DOM和事件

1.jquery操作dom的屬性 attr 1.1 獲得節點的屬性 jquery物件.attr 屬性名 eg 獲得節點物件的屬性 alert d1 attr src 1.2 設定節點的一對屬性 jquery物件.attr 屬性名 屬性值 eg 設定節點物件的一對屬性 1.3 設定節點的多對屬性 jq...