重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
jq可以直接使用$("div")获得所有div,但是如果要具体到一个div的话,需要给div一个标记,然后通过.html就可以获取值了。
创新互联建站专注于庆元企业网站建设,成都响应式网站建设,商城建设。庆元网站建设公司,为庆元等地区提供建站服务。全流程按需策划设计,专业设计,全程项目跟踪,创新互联建站专业和态度为您提供的服务
1div id="divId" class="divClass" 内容 /div
123/*jq 代码 jq选择器*/$("#divId").html();$(".divClass").html();
1、比如我们要得到或者获取到这个div元素。
2、我们就可以这样做,使用$("div"),这就是直接通过元素名来获取,注意要加引号哦。
3、或者你可以给元素添加类,如图,我就加了一个bd类。
4、然后我们这样$(".bd")也是可以得到div元素的哦,注意类名是需要一个点的哦。
5、此外,id也是一个不错的方法,不过id只能有一个,不能重名哦。
6、jQuery中id要加#号才会有效哦。
7、最后我就整理好jQuery一些比较常用的获取元素的方法。
div class="my" data="1"我的表情/div.
获取“我的表情”,可以使用$("div").text()或者$("div").html();
获取其相关属性值如 class名称my,可以使用$("div").attr("class");
可以使用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");
但是这种方法使用起来不方便,因为只有在div个数比较少的时候才适用。
比较常用的是利用其类名或者id名,如:
div class="DIV" id="DivId"/div
//利用类名
$(".DIV");
//利用ID名
$("#DivId");
$("div").index(this).text();改成$(this).text();即可。不过你的div宽度是100%,从下往上移4会挡住其他的,除非你把浏览器缩小,从左边移进去。 修改建议,加个id为tips的div,然后将index的值放进去,这样移动的时候它就会自动变换,看起来明显些。如下:\x0d\x0a\x0d\x0aasasas\x0d\x0a2\x0d\x0a3\x0d\x0a4\x0d\x0a\x0d\x0a$(function(){\x0d\x0a$("div").hover(function(){\x0d\x0a var index=$(this).text(); \x0d\x0a $("#tips").html(index);\x0d\x0a })\x0d\x0a}) \x0d\x0a
回答于 2022-11-16