十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
1、在电脑上面打开软件,新建一个html和引入jquery.js。
为海陵等地区用户提供了全套网页设计制作服务,及海陵网站建设行业解决方案。主营业务为网站制作、网站设计、海陵网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
2、在新建的html页面body里面添加一个id为hide的隐藏按钮和id为show的显示按钮以及一段文字。
3、编写的js文件,首先引入jquery.js,通过$("#xx").click(function(){}代码给两个按钮添加点击事件,$("p").hide();隐藏段落文字,$("p").show();显示段落文字。
4、编写好js和body页面内容之后,完整代码如下图所示。
5、在浏览器中打开html页面,可以看到一段描述文字,和隐藏,显示按钮。
6、点击隐藏按钮,段落文字会被隐藏掉,再点击显示按钮,隐藏的段落文字会显示出来。
hide()仅仅是隐藏,所以如果后面有内容的话就会覆盖掉原来
在线demo》》》
$('#h').click(function(){//点击隐藏,建议把td的id换成class,这样不管几个td几个tr都能用
if($('#td1').text()==""){
$('#td1').parent('tr').hide()
}
});
显示
$('#s').click(function(){
$('tr').show()
});
代码性能不好,可以自己去完善