jQuery笔记

// ID元素下的所有input，并设置为不可用
$( " input " , $( " #id " )).attr( " disabled " ,  true );

 

// 设置name为test的checkbox是否为选中状态。返回值为true|false
$( " input[name='test'] " ).attr( " checked " );

 

// 下拉列表值改变时触发
$(document).ready(function () {
    $( " select " ).change(function () {
         alert($( this ).val());
    })
})

 

// 查找含有date-myself属性的input对象
$( " :input[date-myself] " )

 

// 全选，取消全选
$( " #全选复选框ID " ).click( function  () {
   $( " input[name='单个复选框name值'] " ).attr( " checked " , $( this ).attr( " checked " ));
})

// 点击所有,全选选中。全选状态下，取消一个选择，全选取消
var  checkBoxCount  =  $( " input[name='CalculateCheck'] " ).length;
$( " input[name='CalculateCheck'] " ).click( function  () {
         var  checkedCount  =  $( " input[name='CalculateCheck']:checked " ).length;
        $( " #CalculateChkAll " ).attr( " checked " , checkBoxCount  ==  checkedCount);
})

 

//juqery UI中，弹出层并加载指定页面。

function  ShowDialog(url) {
   $( " #DivID " ).dialog({
      autoOpen:  true ,
      width:  650 ,
      height:  500 , 
      resizable:  true ,
      title:  " 测试 " ,
      modal:  true ,
      open:  function  (event, ui) {
            　　$( this ).load(url  +   " ? "   +  event.timeStamp,  null ,  function  () {
            　　$( " :input:first " ).focus();
            　　});
            },
      close:  function  (event, ui) {
                $( " #DivID " ).children().remove();
                }
   });
}

 

// 下拉列表选中的text值
$( " #下拉列表ID " ).find( " option:selected " ).text();
// 获取下拉列表选中的索引
$( " #ddlregtype  " ). get ( 0 ).selectedindex

// 获取下拉列表选中的value  
$( " #下拉列表ID " ).val();

// 获取下拉列表选中的索引:
$( " #下拉列表ID " ). get ( 0 ).selectedindex;

// 设置下拉列表选中的索引(index为索引值):
$( " #下拉列表ID " ). get ( 0 ).selectedindex = index;

// 设置下拉列表选中的value：
$( " #下拉列表ID " ).attr( " value " , " normal");
$( " #下拉列表ID " ).val( " normal " );
$( " #下拉列表ID " ). get ( 0 ).value  =  value;
 
// 设置下拉列表选中的text:
var count = $( " #下拉列表IDoption " ).length;
for (var i = 0 ;i < count;i ++ )  
{        
     if ($( " #下拉列表ID " ). get ( 0 ).options[i].text  ==  text)  
        {  
            $( " #下拉列表ID " ). get ( 0 ).options[i].selected  =   true ;  
             break ;  
        }  
}

$( " #下拉列表ID option[text='jquery'] " ).attr( " selected " ,  true );
 
// 设置下拉列表option项:

// 添加一项option
$( " #下拉列表ID " ).append( " <option value='value'>text</option> " );

 
// 在前面插入一项option 
$( " #下拉列表ID " ).prepend( " <option value='0'>请选择</option> " );

// 删除索引值最大的option 
$( " #下拉列表ID option:last " ).remove(); 

// 删除索引值为0的option
$( " #下拉列表ID option[index='0'] " ).remove();

// 删除值为3的option
$( " #下拉列表ID option[value='3'] " ).remove(); 

// 删除text值为4的option
$( " #下拉列表ID option[text='4'] " ).remove(); 
 
// 清空 select:
$( " #下拉列表ID " ).empty();

    

 

// jquery parseJSON
var  obj =   $.parseJSON( ('{"name":"John"}');
alert( obj.name === "John" );

 

//英文字符转大写

$( ' input[type="text"] ' ).each(cfunction (n, v) {
        $(v).keyup(function (e) {
             $(v).val($(v).val().toLocaleUpperCase());
        });
});

转载于:https://www.cnblogs.com/dfzone/archive/2011/06/18/2077362.html