获取被选中的复选框checked
$( "#btn") .click( function ( ) {
//获取复选框被选中的(获取input元素标签,并且拥有name属性,name属性的值为hobbies并且为选中状态的)
var cheaked = $( "input[ name= '.hhobbies' ] :checked") ;
console.debug( cheaked) ;
} )
显示和隐藏标签hide、show
//给所有的p标签注册一个点击事件 点击p就隐藏p标签
$( "p") .on( "click" ,function ( ) {
$( "p") .hide( 1000 ) ;
} )
//显示所有的p标签 点击showp标签就显示p标签
$( "#showp") .click( function ( ) {
$( "p") .show( 2000 ) ;
} ) ;
匹配偶数行(even)和奇数(odd)行并对它们进行操作
//选择table下的偶数行tr,并将字体改为红色
$( "table tr:even") .css( { "color" : "red" } ) ;
//匹配table下的tr,并且索引为奇数的
$( "table tr:odd") .css( { "color" : "black" ,"background" : "yellow" } )
appendTo追加
//获取id为select1 下面的option并且为选中的,追加到id为select2的下拉列表中
$( "#btn1") .on( "click" ,function ( ) {
$( "#select1 option:selected") .appendTo( $( "#select2") ) ;
} ) ;
$( "#btn2") .click( function ( ) {
//把id为select1下面的option全部追加到id为select2的下拉列表中
$( "#select1 option") .appendTo( $( "#select2") ) ;
} ) ;
全选prop(“checked”,true)和全不选prop(“checked”,false)
//全选
$( "#checkAll") .click( function ( ) {
$( "input[ name= 'hobbies' ] ") .prop( "checked" ,true) ;
} )
//全不选
$( "#checkNotAll") .click( function ( ) {
$( "input[ name= 'hobbies' ] ") .prop( "checked" ,false) ;
} )
//当值发生改变的 时候,触发事件
function checkChange( src) {
/*
src:复选框的dom节点
src.checked:获取内置属性checked的值
*/
$( "input[ name= 'hobbies' ] ") .prop( "checked" ,src.checked) ;
}