您的位置：首页 > Web前端 > JQuery

jquery选择器学习

2015-11-21 00:00 555 查看
摘要: jquery选择器学习
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery</title>
<script src="jquery-2.1.4.min.js"></script>
<script>
$(function(){
$("#para-1").css("background-color","red");//选择出文本为javascript的，并给予红色背景
$("p.color-red.color-green").css("background-color","green");//选择出文本为erlang，并给予绿色背景
$(".color-red,.p.color-red.color-green").css("color","white");//选择出文本为javascript和erlang，并给予字体白色
$(".color-red,.color-green,.color-red.color-green,.color-block").animate({fontSize:44});//选择出四个文本为，并给予字体放大动画
$("input[type='text']").css("width","600px");//选择出姓名框 并增加其框的宽度
$("input[type='text'],input[type='email']").css("background-color","black");//选择出姓名框和邮箱框 并赋予黑色

})

</script>
</head>
<body>
<div id="test-jquery">
<p id="para-1">javascript</p>
<p id="para-2 ">haskell</p>
<p class="color-red color-green">erlang</p>
<p name="name">Python</p>
<form target="_blank" action="#0" onsubmit="return false;"></form>
<legend>注册新用户</legend>
<fieldset>
<p><label >name: <input type="text"></label></p>
<p><label >email: <input type="email"></label></p>
<p><label >password: <input type="password"></label></p>
<p><button type="submit">注册</button></p>
</fieldset>
</div>
</body>
</html>

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                jquery
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航