需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery,编写问题基础代码。
2、在index.html中的<script>标签,输入jquery代码:
$('#a').html('<img src="' + $('#img1 img').attr('src') + '"/>')
3、浏览器运行index.html页面,此时成功选择到img1中的图片并显示在另一个div中。
方法很多,建议将jquery的语法研读一下。这里可以用:
$(this).next()当前元素的下一个子元素
$(this).siblings()选择所有同级子元素除了自身
推荐方法修改类似这样:
$('li').on('click', 'a', function(){
$(this).siblings().css('display', 'none')
})
这样再添加更多的 a 也无所谓了。
实现思路:使用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元素的数量
})
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)