jQuery中的DOM元素操作

DOM元素操作
【注】使用以下代码先引进jQuery文件
1、val()获取或者设置input的值 传入内容表示设置，不设置表示获取内容
append()在原有元素的后面进行添加 在…元素中添加
appendTo()把元素添加到元素后面 格式：要添加的元素.appendTo(添加到的元素)把…添加到某个元素中
prepend()在原有元素前面进行添加
prependTo()把元素添加到元素后面 格式：要添加的元素.prependTo(添加到的元素)把…添加到某个元素中
共同点：都是添加元素，以上两个元素之间都是父子关系

	
		
		
		
		
	
	
		
		append
		appendTo
		prepend
		prependTo
		

			
hello
		
	

共同点：两个元素是兄弟级关系
after()在元素后面添加元素
insertAfter()把元素添加到元素前面 格式：元素节点.insertAfter(添加到的元素)把前面的元素添加到某个元素中
before()在元素后面添加元素
insertBefore()把元素添加到元素前面 格式：元素节点.insertAfter(添加到的元素)把前面的元素添加到某个元素中
【注】没有加To的方法在…中添加了…元素 加了To的方法把…添加到…里面
没有加insert的方法在…后面添加了…元素 加了insert的方法把…添加到…后面

	
		
		
		
		
	
	
		添加
	

index() 获取当前元素在整个集合中的下标
get() 获取到集合中的某个元素 get获取到的是原生的对象 传入下标

获取兄弟元素的方法：
prev() 格式：元素.prev() 找到当前元素的上一个兄弟元素，返回的是jQuery对象
元素.prev().prev() 找到当前元素的上一个兄弟元素的上一个兄弟元素
prevAll(); 格式：元素.prevAll() 找到当前元素的上面的所有兄弟元素 可以传入过滤条件
perAll(“p”) 表示找到当前元素的上面的所有兄弟元素中的p标签
next() 格式：元素.next()找到当前元素的下一个兄弟元素
nextAll(); 格式：元素.nextAll() 找到当前元素的下面的所有兄弟元素 可以传入过滤条件
siblings() 格式：找到当前元素的所有的兄弟元素 也可传入过滤条件
remove() 删除元素
closest() 格式：元素.closest()；找到与其最近的对应元素
【例】$("#wrap").closest(“p”)’;找到id为wrap的与其最近的一个p元素
find() $("#wrap").find(“p”); 通过jQuery的方法去查找元素 找到id为wap下面的所有的p标签

	
		
		
		
		
	
	
		

			
↓新闻标题1↑
			
↓新闻标题2↑
			
↓新闻标题3↑
			
↓新闻标题4↑
			
↓新闻标题5↑
			
↓新闻标题6↑