jqery表单选择器

原创 2019-05-13 15:50:35 220
摘要:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&

<!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">

<title>表单选择</title>

</head>

<body style="background:pink">

<form >

<input type="text" name="" >22<br>

<input type="text" name="" >33<br>

<input type="text" name="" disabled="disabled">44<br>

<select name="" id="">

<option value="">1</option>

<option value="" selected>2</option>

<option value="">3</option>

<option value="">4</option>

</select>

<input type="checkbox" class="checkbox">11111

<input type="checkbox" class="checkbox" checked>22222

<input type="checkbox" class="checkbox">333


</form>

<script>

$(document).ready(function(){

//     $(':enabled').parent().css('color','red');

//     $(':disabled').parent().css('color','pink')

//     $(':selected').parent().css('color','gray')

//     $(':checked').parent().css('color','pink')

$(':enabled').css('background','red')


})



</script>

</body>

</html>


批改老师:查无此人批改时间:2019-05-14 09:14:50
老师总结:完成的不错。jq比js简单很多,练好jq,可以减少很多工作量。继续加油

发布手记

热门词条

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号