大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
div是没有value属性的,但是我们可以给它加上去也是可以获得的,在这里value只是一个自定义参数。
成都创新互联专业为企业提供高唐网站建设、高唐做网站、高唐网站设计、高唐网站制作等企业网站建设、网页设计与制作、高唐企业网站模板建站服务,十载高唐做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
html代码
div class="store" value="tanyu"/div
jq代码
$(function(){
$(".store").click(function(){
alert($(this).attr('value'));
});
});
div class="my" data="1"我的表情/div.
获取“我的表情”,可以使用$("div").text()或者$("div").html();
获取其相关属性值如 class名称my,可以使用$("div").attr("class");
$("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
可以使用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 的子元素,并将其设置为蓝色,结果如下:
jq可以直接使用$("div")获得所有div,但是如果要具体到一个div的话,需要给div一个标记,然后通过.html就可以获取值了。
1div id="divId" class="divClass" 内容 /div
123/*jq 代码 jq选择器*/$("#divId").html();$(".divClass").html();