jq table表格点击添加按钮自动添加一行,但是添加得一行样式为什么没有了,直接拼接得html

jq table表格点击添加按钮自动添加一行,但是添加得一行样式为什么没有了,直接拼接得html,第1张

$('.add').click(function(){})

这是你点击添加的事件

改成

$('.这是你 tr 的父亲名字').on('mouseover','tr',function(){})

jQuery 添加新内容有以下四个方法:

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

下面实例演示:点击按钮则在表格数据区域增加一行

1、HTML结构

<table id = "test">

<thead>

<tr><th>列1</th><th>列2</th><th>列3</th></tr>

</thead>

<tbody>

<tr><td>1</td><td>1</td><td>2</td></tr>

<tr><td>2</td><td>4</td><td>5</td></tr>

</tbody>

</table>

<input type="button" id="btn1" value="在开头增加">

<input type="button" id="btn2" value="在末尾增加">

2、jquery代码

$(function(){

$("#btn1").click(function() {

$("#test tbody").prepend('<tr><td></td><td></td><td></td></tr>')

})

$("#btn2").click(function() {

$("#test tbody").append('<tr><td></td><td></td><td></td></tr>')

})

})

3、效果演示

jquery获取html元素的高度使用height()方法即可。

定义和用法:

height() 方法返回或设置匹配元素的高度。

返回高度:

返回第一个匹配元素的高度。

如果不为该方法设置参数,则返回以像素计的匹配元素的高度。

语法:

$(selector).height(length)

例如:

$(".btn1").click(function(){

alert($("p").height())

})

设置高度:

设置所有匹配元素的高度。

语法:

$(selector).height(length)

例如:

$(".btn1").click(function(){

$("p").height(50)

})


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11440382.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存