jquer表单选择器 样式更改

原创 2019-01-10 17:57:30 338
摘要:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jquery基础语法</title>    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.j

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>jquery基础语法</title>

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

    </script>

</head>

<body>

<!-- 文档就绪语法

$(document).ready(function(){

    //jquery code

}) -->


<script>

    $(document).ready(function(){

//表单选择器

//$(':enabled').css('background','pink')

    $(':disabled').css('background','blue')

    $(':selected').css('color','orange')

})

</script>


<form action="">

输入框1 <input type="text" name=""><br>

输入框2 <input type="text" name=""><br>

输入框3 <input type="text" name="" disabled><br>

输入框4 <input type="text" name=""><br>


<select>

  <option selected>PHP</option>

  <option value="">HTML</option>

  <option value="">CSS</option>

  <option value="">JS</option>

</select>


</form>

</body>

</html>


批改老师:韦小宝批改时间:2019-01-11 09:28:13
老师总结:写的很不错 文档就绪函数还有一种简写的方法 可以直接 $(function(){ }) 这样写 表单选择器用的次数还是比较频繁的 要记得多练习哦

发布手记

热门词条