jquery学习 - jquery选择孩子元素和个数/获取css属性
来源:互联网 发布:如何淘宝购物 编辑:程序博客网 时间:2024/05/21 21:34
- 选择器
- 选择孩子元素和css属性
- 获得孩子元素的个数
选择器
jquery的选择器很强大,可以的话,能用jquery的时候,真的是非常方便。
选择孩子元素和css属性
先看下面的代码:
SelectColor = $(ColorId).children('svg').children('rect').css('fill');
这个代码很容易懂。首先:
ColorId = $(“#id”);
svg是一个子元素的标签。
rect是svg下的子元素
fill是rect的一个css属性
可以看到我用了两个children, 是因为jquery里每次只能选择一层的子元素,不能越层级。
获得孩子元素的个数
其实这个也很简单。
例如我们有下面代码:
<div class="box" id="c0" onclick="changeColor('c0', '#fe0000')"> <svg width="32" height="32" viewPort="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg"> <rect x="6" y="6" width="20" height="20" style="fill:#fe0000;"></rect> <polyline fill="none" stroke="black" class="polylinehide" style="stroke-width:2" points="2,16 2,30 16,30 "/></polyline> <polyline fill="none" stroke="black" class="polylinehide" style="stroke-width:2" points="16,2 30,2 30,16 "/></polyline> </svg></div>
这个是例子的html代码。我们想获取id = c0
的下面的polyline的个数:(应该为2) 代码如下:
var polyNum = $('#co').children('svg').children('polyline');alert(polyNum.length);
这个就是获取个数的了。
0 0
- jquery学习 - jquery选择孩子元素和个数/获取css属性
- JQuery获取元素个数
- jquery根据css属性获取元素
- JQuery获取子孩子和兄弟元素的方法
- Jquery获取匹配元素个数
- Jquery 获取和设置元素属性值
- 转jQuery获取和操作元素的属性和CSS样式
- 转jQuery获取和操作元素的属性和CSS样式
- Jquery学习之旅之动态设置css属性和获取css属性
- Jquery和css 属性
- jQuery--属性和CSS
- jQuery--属性和CSS
- jQuery:基础学习(2)属性,CSS,文档,元素筛选
- Jquery中操作元素属性 css 属性
- jQuery获取Select元素,并选择的Text和Value:
- jQuery获取Select元素,并选择的Text和Value
- jQuery获取Select元素,并选择的Text和Value:
- jQuery获取Select元素,并选择的Text和Value:
- Win7 获得管理员权限 方法
- Sql的decimal、float、double类型的区别
- web性能测试基本性能指标
- MyEclipse10.6 因 JS 校验问题,老是弹出下面的框
- Shortcut 快捷方式
- jquery学习 - jquery选择孩子元素和个数/获取css属性
- 学习C++,第一本书《Accelerated C++》 总结
- java中调用js脚本
- VS2008在win7下不时出现Microsoft Incremental Linker已停止工作
- curl ——爬网页数据
- eclipse搭建ssh框架
- armv6zk-none-linux-gnueabi/bin/ld: cannot find /lib/libc.so.6 与cannot find /lib/libpthread.so.0
- hadoop学习笔记
- web报表工具FineReport常用函数的用法总结(数学和三角函数)