jQuery实现html表格动态添加新行的方法?
jQuery实现动态添加行的方法
<script src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
<!-- jQuery Code will go underneath this -->
$(document).ready(function () {
// Code between here will only run when the document is ready
$("a[name=addRow]").click(function() {
// Code between here will only run
//when the a link is clicked and has a name of addRow
$("table#myTable tr:last").after('<tr><td>Row 4</td></tr>');
return false;
});
});
</script>
</head>
<body>
<table id="myTable">
<tr><td>Row 1</td></tr>
<tr><td>Row 2</td></tr>
<tr><td>Row 3</td></tr>
</table>
<a href="#" name="addRow">Add Row</a>
</body>
</html>
jQuery中event.target和this的区别?
this和event.target的区别:
1.js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远指向触发事件的DOM元素本身;
2.this和event.target都是dom对象,使用jQuey中的方法可以将他们转换为jquery对象:$(this)和$(event.target).假设htm是<div><span></span></div>点击span的时候改变span的颜色,使用this的话点击span因为事件冒泡机制,div也会改变颜色,但是使用event.target不会。
jquery怎么获取到VALUE值?
谢邀。
题主刚学前端的吧,刚用上用react,应该是了解了下DOM然后用起react有这样的疑问。不过没事,慢慢来。
怎么说呢,两个input框在彼此的事件绑定里获取对方的值,在react里是很容易做到的,不需要通过获取兄弟节点的value值来做。
v16.8之前
可以在Class Component里定义两个state:inputValue1、inputValue2
在事件绑定的时候,通过setState把e.target.value值赋给预先定义好的state,两个state即作为两个input的value
在彼此的事件绑定里,借由this.state.inputValue就可以获取彼此的value值
v16.8之后
使用hooks进行内部状态管理,这样和上方的形式类似,只不过,state就不用通过this获取上下文,而是在组件内上下文就可以取到,而写在组件里的方法,很容易通过上下文取到这两个value。
走DOM形式获取,也可以使用useRef就可以获取两个input的当前实例也很好拿到它的value
总的来讲,使用React后,和DOM操作的思路会不一样,因为React组件内“DOM”就是自己组装的,而这里的“DOM”,React会称之为“Virtual DOM”。不同就是,以前是写好HTML结构后用js、jQuery去操作DOM以达到目标效果;现在,在DOM生成之前,你可以去添加事件绑定、值绑定等,而这样的好处就是走上下文就可以获取到各种绑定值,而不用通过DOM获取元素value的形式