<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link type = 'text/css' rel = 'stylesheet' href = 'css/user.css'>
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" >
// jQuery 获得元素的方式
$(document).ready(function(){
//获得p标签后循环输出标签的值,例如 <p>Hello</p> 获取p标签的Hello
var arr=$('p');
for(var i = 0 ;i<arr.length;i++){
alert( $(arr[i]).text());
}
//通过id 获得p标签的值
alert(' by id p='+$('#pid').text());
//通过 class 获得p 标签的值
alert('by class p ='+$('.pclass').text());
//从集合中通过序号取值
alert("eq="+$('p').eq(1).text());
// 获取指定条件一致的值
alert($("p").filter('.pclass').text());
// 选取集合中的有顺序的几个
$('p').slice(0,2).css('color','red');
//获取与条件表达式一致的元素
$('p').each(function(){
switch(true){
case $(this).is('.pclass'):
$(this).css('color','red');
break;
case $(this).is('#pid'):
$(this).css('color','red');
break;
}
});
//获得元素的上一个节点和下一个节点 找到每个段落的后面紧邻的同辈元素中类名为pclass的元素。
//alert( $('p').next('.pclass').text());
//alert($('p').prev('.pclass').text());
//获得父类标签的标签名称
alert($('p').parent().prop('tagName'));
alert($('.pclass').children().prop('tagName'));
//获得标签中属性的值
alert($('#userName').attr('type'));
});
</script>
</head>
<body>
请输入用户 <input id ="userName" type = "text" class = 'userClass'/>
<input class = "classCheck" type ="button" value = '校验'/>
<input type = "button" value = '提交'/>
<div><div/>
<div>
<p>第一个p标签的内容</p>
<p>第二个p标签的内容</p>
<p id = 'pid'>第三个p标签的内容</p>
<p>第四个p标签的内容</p>
<p class= 'pclass'><a>第五个p标签的内容</a></p>
<p>第六个p标签的内容</p>
<p>Hello</p>
<p>Hello Again</p>
<p class="selected">And Again</p>
</div>
</body>
</html>
分享到：
相关推荐
jQuery获取当前点击的对象元素(实现代码) [removed][removed] </head> <body> 段落1 段落2 段落3 段落4 段落5 [removed] //获取当前点击的对象 $('p').click( function(){ //this表示当前被...
利用jquery ui和append实现元素添加，拖动。自定义div大小!
Web JQuery框架操作元素的属性与样式
实用的jquery添加删除元素，代码很简单，在这里记录下
标签，如下： 科室: <select class="dept-name-show" style="width: 70%;"> </select> 二、编写js语句： [removed] $(function () { var dname = $(".dept-name-show").eq(0);//选定<select>...
jQuery选择器：jQuery的Document元素选择 1。 从$开始 2。xpath+css 3。常用自定义选择器
用JQuery写的拖动元素进行排序的方法，包含拖动排序、拖动移除、拖动添加。 代码完整可用。没有用到第三方插件，自主可控。 原理是用CSS中position定位来跟踪鼠标移动，就是让元素跟踪鼠标位置，然后判断其在页面...
1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id").closest() 获取其最近的祖先元素，依次上溯 ——————————————...获得匹配元素紧邻的前一个同胞元素
jQuery页面滚动元素动画特效是一款页面滚动时动态元素添加class的img或div元素动画特效。
话不多说，下面就跟着小编来看下利用jquery实现删除数组中重复元素的具体思路吧 首先定义如下数组： var arr=[0,2,3,5,6,9,2]; 我们可以看到数组中存在重复元素’2′; 最后通过jquery筛选应该得到[0,2,3,5,6,9]; ok...
根据属性获得元素 1.比如要获取页面p标签中属性有id的元素 代码如下: $(“p[id]”).css(“color”,”red”); 根据属性值获得元素 1.$。在jQuery 中$(“”)，这个语法等同于$(document.createElement(“span”)) ，这...
jQuery,滚动，jQuery 子级元素在父级元素内滚动
下面小编就为大家带来一篇浅析jquery数组删除指定元素的方法:grep()。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
并非专业jQuery写手，纯属兴趣，提升自己，方便大家。
主要介绍了jQuery实现获取元素索引值index的方法,涉及jQuery针对页面元素的遍历,index索引操作及属性操作相关技巧,需要的朋友可以参考下
2.跟在浮动元素（float）之后的元素会围绕着浮动元素，如果不希望有这种围绕，可以在浮动元素之后的那个元素上定义clear属性，来清除这种效果。 3.实现当前标签和内容区域的融合，可以通过使用相同的背景色，外加...
此jquery元素位置交换插件，在元素位置交换过程中，保留了原元素的所有属性。这个插件也是借鉴她人（她人已经忘记谁了，但还是要感谢她！），的思路进行了调整，原来插件在交换后会丢失原元素一些属性与功能。原插件...
之前购买的收费插件，拖动排序元素，应该还可以，分享一下。
本文实例讲述了jQuery搜索同辈元素方法。分享给大家供大家参考。具体分析如下： 1. next()方法 用于搜索紧跟在每个匹配元素之后的单个同辈元素，根据需要还可以指定一个选择器对同辈元素进行筛选，语法格式如下： ...
jquery.mark是一款功能强大的jQuery关键字文本高亮插件。它支持变音符号，同义词，自定义元素，自定义class名称，单词边界和iframe。它可以通过搜索的方式来高亮所有的指定关键字。