返回jquery表......登陆

jquery表单选择器

白守2019-06-20 11:26:5544

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

<title>jquery表单选择器</title>

</head>

<body>


<script>

$(document).ready(function(){

// 选择全部可用的元素

$(':enabled').css('background','#666');

// 选择全部不可用的元素

$(':disabled').css('background','#333');


//选择被选中的select元素

$(':selected').css('background','#888');


//

$(':checked').parent().css('color','red')

})

</script>

<input type="text"><hr>

<input type="text"><hr>

<input type="text"><hr>

<input type="text" disabled="disabled"><hr>

<input type="text"><hr>

//老师,这个地方的问题是什么?

<select name="" id="">

<option>1</option>

<option>2</option>

<option selected> 3</option>


</select>

<label for=""><input type="checkbox"  checked >1111</label>

<label for=""><input type="checkbox"  >2222</label>

<label for=""><input type="checkbox"  >3333</label>

</body>

</html>


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网