利用Jquery对动态元素进行操作

这篇博客介绍了如何使用Jquery对动态添加的表格元素进行点击样式更改和内容编辑。重点提到了live方法、后代元素选择器、属性选择器的使用,以及.html()、.val()和.text()的区别。特别指出,对于select标签的动态添加,不能直接更改innerHTML,应使用DOM操作。
摘要由CSDN通过智能技术生成

  今天写了一点jquery的代码,姑且先存放的博客上吧。

  默认样式是这样的,需要的是click其中的td时实现对其内容的修改,而blur后显示的是修改后的内容:
       这里写图片描述

  单击url 的td元素之后是这样的:
         这里写图片描述

  单击method的td元素之后是这样的:
         这里写图片描述
  需求很简单,是对动态添加的表格进行样式处理,这里是对URL和method的区域进行样式的更改,因为元素本身是动态添加上,所以很多地方需要注意。
  对于未来元素的监听,这里是用到了live, 另外用delegate和on也是可以,这里不赘述。
  “>”这个选择器可是发挥了大用处,这里选的是父元素的所有后代元素,因为要为所有的子元素添加监听。所以说对于关系比较复杂的布局,用一些比较明确的选择器还是必要的。另外对于属性选择器记得属性的值要加‘’而不是“”,单双引号可谓失之毫厘,差之千里。
  jquery对于添加DOM元素跟js异曲同工。
  .html()跟js的innerHTML是一样的作用,可以直接个更改dom结构。.val()获取的是input与select的value值。text()获取的则是内部的文本不包含标签的值。这三个方法都可以对相应的内容进行更改。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值