
1、比如我们要得到或者获取到这个div元素。
2、我们就可以这样做,使用$("div"),这就是直接通过元素名来获取,注意要加引号哦。
3、或者你可以给元素添加类,如图,我就加了一个bd类。
4、然后我们这样$("bd")也是可以得到div元素的哦,注意类名是需要一个点的哦。
5、此外,id也是一个不错的方法,不过id只能有一个,不能重名哦。
6、jQuery中id要加#号才会有效哦。
7、最后我就整理好jQuery一些比较常用的获取元素的方法。
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
注意二者在获取内容上的区别,实例演示如下:
1、HTML结构
<div id="test"><i>示例文字</i></div><input type="button" id="btn1" value="获取text">
<input type="button" id="btn2" value="获取html">
2、jquery代码
$(function(){$("#btn1")click(function() {
alert($("#test")text());
});
$("#btn2")click(function() {
alert($("#test")html());
});
});
3、效果演示
jquery获取父元素比如;parent(),parents,closest(),这些都可以查找父元素或节点,具体步骤如下:
一parent([expr])
用一个包含着所有匹配元素的唯一父元素的元素集合。
你用可选的表达式来筛选。
如下:
1$('#item1')parent()parent;
二parent
得到含有子元素或者文本的元素
如下:
1$('li:parent');
2parents([expr])
得到一个包含着所有匹配元素的祖先元素的元素集合。可以通过一个可选的表达式进行筛选。
如下:
1$('#items')parents('parent1');
三closest([expr])
closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身。如果不匹配则向上查找父元素,一层一层往上,直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。
以上就是关于Jquery如何获得div下的元素全部的内容,包括:Jquery如何获得div下的元素、JQuery如何读取节点中的内容、如何在jQuery查找元素父节点等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)