1、新建一个html文件,命名为test.html。
2、在test.html文件中,在p标签内,使用span标签创建一行文字,span标签是p标签的子标签。
3、在test.html文件内,设置span元素的id为myspan,下面将使用jquery方法获得该id值。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获取子标签的ID值”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getspanid函数。
6、在js标签中,创建getspanid()函数,在函数内,通过元素名称获得p元素对象,使用children()方法获得p标签的子标签,再通过attr()方法来获得id值。最后,使用alert()方法将id值输出来。
实现思路:使用jQuery的length属性获取对象中元素的数目,$(selector).length。实例演示如下:1、HTML结构:设置id为test的ul下有4个列表元素
<ul>
<li>Glen</li>
<li>Tane</li>
<li>John</li>
</ul>
2、jquery代码:点击列表后获取li数量
$(function(){
$("#test").click(function()
{
alert($("#test
li").length)
//
获取id为test的ul下的li元素的数量
})
})
获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值。-.css('height') 和 .height()之间的区别是后者返回一个没有单位的数值,前者是返回带有完整单位的字符串。当一个元素的高度需要数学计算的时候推荐使用.height() 方法 。
-这个方法同样能计算出window和document的高度。
$(window).height() // returns height of browser viewport
$(document).height()// returns height of HTML document
-为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding,但是不包括border。
-这个方法返回元素的高度,包括顶部和底部的padding,单位是像素。
-这个方法不适用于window and document对象,可以使用.height()代替。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)