                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ) (一)—樣式篇

console.log($("div.demo p").html());為什么之獲取到以p的文本內(nèi)容？

<!DOCTYPE html>
<html>

<head>
? ?<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ?<title></title>
? ?<style>
? ? ? ?input {
? ? ? ? ? ?display: block;
? ? ? ? ? ?margin : 10px;
? ? ? ? ? ?padding : 10px;
? ? ? ? ? ?background : #bbffaa;
? ? ? ? ? ?border : 1px solid #ccc;
? ? ? ? ? ?width:200px;
? ? ? ? ? ?text-align:center;
? ? ? ?}
? ?</style>
? ?<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
? ?<script type="text/javascript" src="../js/jquery-2.0.0.min.js"></script>
</head>

<body>
<div class="demo">
? ?<p>我是div.demo中第一個(gè)P元素：<a href="#">我在第一個(gè)P里面</a></p>
? ?<p>這是一個(gè)段落元素，里面包含了一個(gè)a鏈接元素<a href="#">W3CPLUS</a></p>
</div>
<h2>.attr()與.removeAttr()</h2>
<h3>.attr</h3>
<form>
? ?<input type="text" value="設(shè)置value" />
? ?<input type="text" value="獲取value"/>
? ?<input type="text" value="回調(diào)拼接value" />
? ?<input type="text" value="刪除value" />
</form>

<script type="text/javascript">
? ?$(document).ready(function(){
? ? ? ?console.log($("div.demo p").html());
? ?});

? ?//找到第一個(gè)input，通過(guò)attr設(shè)置屬性value的值
? ?$('input:first').attr('value','.attr( attributeName,value )');

? ?//找到第二個(gè)input，通過(guò)attr獲取屬性value的值
? ?$('input:eq(1)').attr('value');

? ?//找到第三個(gè)input，通過(guò)使用一個(gè)函數(shù)來(lái)設(shè)置屬性
? ?//可以根據(jù)該元素上的其它屬性值返回最終所需的屬性值
? ?//例如，我們可以把新的值與現(xiàn)有的值聯(lián)系在一起：
? ?$('input:eq(2)').attr('value',function(i, val){
? ? ? ?return '通過(guò)function設(shè)置' + val;
? ?});
? ?//找到第四個(gè)input，通過(guò)使用removeAttr刪除屬性
? ?$('input:eq(3)').removeAttr('value');

</script>

</body>
</html>