十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
1、比如我们要得到或者获取到这个div元素。
创新互联是一家专注于成都做网站、成都网站制作、成都外贸网站建设与策划设计,双阳网站建设哪家好?创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:双阳等地区。双阳做网站价格咨询:18982081108
2、我们就可以这样做,使用$("div"),这就是直接通过元素名来获取,注意要加引号哦。
3、或者你可以给元素添加类,如图,我就加了一个bd类。
4、然后我们这样$(".bd")也是可以得到div元素的哦,注意类名是需要一个点的哦。
5、此外,id也是一个不错的方法,不过id只能有一个,不能重名哦。
6、jQuery中id要加#号才会有效哦。
7、最后我就整理好jQuery一些比较常用的获取元素的方法。
可以使用jQuery的children方法来获取某个元素下的所有子元素。
工具原料:编辑器、浏览器
1、使用children方法可以获得选择器下的所有子元素,代码实例如下:
!DOCTYPE html
html
head
script type="text/javascript" src="/jquery/jquery.js"/script
style
body { font-size:16px; font-weight:bolder; }
p { margin:5px 0; }
/style
/head
body
div
spanHello/span
p class="selected"Hello Again/p
div class="selected"And Again/div
pAnd One Last Time/p
/div
script$("div").children(".selected").css("color", "blue");/script
/body
/html
2、运行的结果是找到类名为 "selected" 的所有 div 的子元素,并将其设置为蓝色,结果如下:
$("div").index(this).text();改成$(this).text();即可。不过你的div宽度是100%,从下往上移4会挡住其他的,除非你把浏览器缩小,从左边移进去。 修改建议,加个id为tips的div,然后将index的值放进去,这样移动的时候它就会自动变换,看起来明显些。如下:
div id="tips"/div
divasasas/div
div2/div
div3/div
div4/div
script language="javascript"
$(function(){
$("div").hover(function(){
var index=$(this).text();
$("#tips").html(index);
})
})
/script
jq可以直接使用$("div")获得所有div,但是如果要具体到一个div的话,需要给div一个标记,然后通过.html就可以获取值了。
1div id="divId" class="divClass" 内容 /div
123/*jq 代码 jq选择器*/$("#divId").html();$(".divClass").html();
div class="my" data="1"我的表情/div.
获取“我的表情”,可以使用$("div").text()或者$("div").html();
获取其相关属性值如 class名称my,可以使用$("div").attr("class");