jquery获取元素，jquery获取属性值的方法
大家好，jquery获取元素相信很多的网友都不是很明白，包括jquery获取属性值的方法也是一样，不过没有关系，接下来就来为大家分享关于jquery获取元素和jquery获取属性值的方法的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！
jquery怎么获取子元素
query获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。
children()方法：获取该元素下的直接子集元素
find()方法：获取该元素下的所有子集元素
分别以以下HTML代码为例：<ul><li>list1<ul><li>list1-1</li><li>list1-2</li></ul></li><li>list2<ul><li>list2-1</li><li>list2-2</li></ul></li><li>list3<ul><li>list3-1</li><li>list3-2</li></ul></li></ul>
children()方法获取ul下面直接子集元素li：$("ul").children("li")
需要注意的是，如果li元素下还有li元素，children方法将不会被获取。我们可以用length来测试获取的个数“$("ul").children("li").length”，最后输出结果为3
find()方法获取ul下所有元素li：$("ul").find("li")
需要注意的是，find方法会无限循环查找ul标签节点下的li，一直找到没有为止，用length来测试获取个数“$("ul").find("li").length”，最后输出结果为9
children和find的区别：children只会查找直接子集，而find会跨越层级查找，一直找到没有为止。
怎么使用jquery获得标签的值或元素的内容
怎么使用jquery获得标签的值或元素的内容？
jquery提供了三个获得内容的方法， text()、html()以及 val()，其中前两个可用于解决本问题，$("label#userid").text();//首选，获取label的文本，$("label#userid").html();//也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法。
实例演示：
创建Html元素
<div class="box">
<span>点击按钮获取label中内容：</span><br>
<div class="content">
<label id="userid">输入用户名</label><input type="text">
</div>
<input type="button" value="获取label中的内容">
</div>
2设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed#ccc;}
div.box span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid#ff6666;}
h3{display:inline-block;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
3编写jquery代码
$(function(){
$("input:button.btn1").click(function(){
alert($("label#userid").text());
});
$("input:button.btn2").click(function(){
alert($("label#userid").html());
});
})
jQuery如何实现点击页面获得当前点击元素的id或其他信息
点击页面获得当前点击元素的id或者其他信息，使用jquery可以轻松做到这一点
复制代码代码如下:
得到了当前元素
可以的要标签名，name等你想要的属性可以控制点击哪写标签触发事件
js判断字串是否包含另一个字串，便可以得到元素id和其他信息。
资料拓展
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
jquery获取元素的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery获取属性值的方法、jquery获取元素的信息别忘了在本站进行查找哦。