jquery吧(jQuery吧input内的值给div)

http://www.itjxue.com  2023-02-23 09:43  来源:未知  点击次数: 

用jquery实现显示和隐藏部分tr

这个有好几种方式的

一种就是控制大框架的高度,超出隐藏,然后Js是控制点击显示的时候高度自适应,

点击隐藏的时候高度为设置的高度。

大致写下jquery吧 看下应该不难

ul

li第一行/li

li第二行/li

li第三行/li

li第四行/li

li第五行/li

/ul

input type="button" value="显示"input type="button" value="隐藏"

第一种

script type="text/javascript"

$('input[val="隐藏"]').click(function(){

$('li:first').show().siblings('li').hide();

})

$('input[val="显示"]').click(function(){

$('li').show();

})

/script

第二种

script type="text/javascript"

$('input[val="隐藏"]').click(function(){

$('ul').css({height:'20px',overflow:'hidden'})

})

$('input[val="显示"]').click(function(){

$('ul').css({height:'auto',overflow:'hidden'})

})

/script

第三种

script type="text/javascript"

$('li:first').after('/ulul class="ul1"')

$('input[val="隐藏"]').click(function(){

$('ul.ul1').hide();

})

$('input[val="显示"]').click(function(){

$('ul.ul1').show();

})

/script

简单的方法,具体怎么用还得看具体情况。

jQuery和JavaScript的效果对比,哪个更快?

楼主需要看清这两个东西的关系,jQuery就是javaScript,jQuery是一个javaScript库,它是封装好的javaScript代码,使我们在开发过程中少些代码,比如用jQuery我们可以无需考虑浏览器兼容性问题。

因此从开发角度来说用jQuery比我们自己写javaScript代码明显要快得多,而从性能角度来说,如果你实现同一个功能的代码,如果你写的javaScript代码比jQuery封装的javaScript代码要好,那么毫无疑问你用的javaScript性能要高,当然如果你写的javaScript代码如果很烂,这就不用说了。

jQuery的核心思想就是写少量的javaScript代码,实现更多的功能。

不知道这样说了楼主还明不明白

JS 点li里的a 标签 后改变 a 标签里面的颜色

用jquery吧,比原生js方便

$(".tab_ul li a").click(function() {

$(this).css("color","#f00");//给点击的a标签加红色

$(this).siblings().css("color","#000");//被点击之外的a标签颜色为黑色

});

对了 用jquery之前要引用jquery文件:script src=’‘\/script

更多jquery:

(责任编辑:IT教学网)

更多

推荐微信营销文章