jQuery（六）jQuery DOM操做

時間 2019-11-16

標籤 jquery dom 欄目 JQuery 简体版

原文原文鏈接

JQuery DOM操做javascript

元素的屬性操做html

當屬性不存在時，添加屬性：java

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery.js" ></script>
	    <script type="text/javascript" src="js/operation.js" ></script>
	</head>
	<body>
		<p>
			<input type="button" />
			毫無疑問，庫裏是當今<a href="http://www.nba.com" >nba</a>可是他當初簽下這份低價的合同也實屬無奈。因爲連續遭遇腳踝受傷，庫裏在2012-13賽季開始以前被迫簽了一份4年4400萬美圓的合同。
		</p>
	</body>
</html>

//js
$(document).ready(function(){
	$('input').attr({'value':'按鈕'});
});

//爲相同標籤設置不一樣的屬性：
$(document).ready(function(){
	var num=0;
	$('input').each(function(index){
		$(this).attr({'value':num++});
	});
});

$()的一些神奇的用法,建立部分頁面內容，並插入頁面node

function two(){
	$('<p>nihao</p>').insertAfter($('p'));
}
//insertAfter()插入代碼到頁面，比js的常見元素內容要更加簡單

移動元素jquery

function three(){
	$('p').insertAfter($('h1'));
	
}

function four(){
	$('<ul id="nodes">this</ul>').insertAfter('h1');
	$('p').appendTo('#nodes');
	
}

jQuery 文檔操做方法

這些方法對於 XML 文檔和 HTML 文檔均是適用的，除了：html()。api

方法	描述
addClass()	向匹配的元素添加指定的類名。
after()	在匹配的元素以後插入內容。
append()	向匹配元素集合中的每一個元素結尾插入由參數指定的內容。
appendTo()	向目標結尾插入匹配元素集合中的每一個元素。
attr()	設置或返回匹配元素的屬性和值。
before()	在每一個匹配的元素以前插入內容。
clone()	建立匹配元素集合的副本。
detach()	從 DOM 中移除匹配元素集合。
empty()	刪除匹配的元素集合中全部的子節點。
hasClass()	檢查匹配的元素是否擁有指定的類。
html()	設置或返回匹配的元素集合中的 HTML 內容。
insertAfter()	把匹配的元素插入到另外一個指定的元素集合的後面。
insertBefore()	把匹配的元素插入到另外一個指定的元素集合的前面。
prepend()	向匹配元素集合中的每一個元素開頭插入由參數指定的內容。
prependTo()	向目標開頭插入匹配元素集合中的每一個元素。
remove()	移除全部匹配的元素。
removeAttr()	從全部匹配的元素中移除指定的屬性。
removeClass()	從全部匹配的元素中刪除所有或者指定的類。
replaceAll()	用匹配的元素替換全部匹配到的元素。
replaceWith()	用新內容替換匹配的元素。
text()	設置或返回匹配元素的內容。
toggleClass()	從匹配的元素中添加或刪除一個類。
unwrap()	移除並替換指定元素的父元素。
val()	設置或返回匹配元素的值。
wrap()	把匹配的元素用指定的內容或元素包裹起來。
wrapAll()	把全部匹配的元素用指定的內容或元素包裹起來。
wrapinner()	將每個匹配的元素的子內容用指定的內容或元素包裹起來。

複製元素app

function five(){
	$('p').clone(true).insertAfter($('h1'));
	$('button').click(function(){
		alert("click btn1");
	});
	
	
}
//clone爲true時一些事件也一塊兒複製，不過有一些自己就能夠響應

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。