jQueryDOM操作

1. $node.text()和$node.html()区别

都是读写两用的方法;
$node.html():获取/修改元素的innerHTML;不加参数时,返回与调用元素的所有子节点(包括元素、注释和文本节点)对应的 HTML 标记。加参数时,修改元素的innerHTML;

$node.text():获取/修改元素的innerText;不加参数时,返回元素中包含的所有文本内容,包括子文档树中的文本。加参数时,修改元素的innerText;

例子:http://js.jirengu.com/zubeqopifi/1/edit?html,js,console,output

还有一点是,xss攻击中有一类是DOM Based XSS,原本只是想修改元素的文本内容,但是如果被恶意引入了一段文本,例如 <script>-内容-</script> ,使用修改innerHTML的方法时,会被解析成dom节点,并执行这个脚本,造成对网页的攻击。

2.jQuery 对象和原生 Dom 对象有什么区别?如何相互转换?

jQuery对象里面封装了jQuery自己的方法,Dom对象只能用原生JS的方法;

相互转换:
DOM对象前面加上$,即可转换成jQuery对象;

jQuery对象转换成DOM对象:
1.对于一个结果集,因为是类数组对象,通过[index],可以转换成DOM对象;例如$('li')[1];
2..get(index)方法

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 愿你记住 现在的我努力的模样 愿你记住 现在的我幸福的脸庞 愿你记住 青春的不朽 梦的远方 愿我们都能避开时光 在...
    肖潇暮雨阅读 1,693评论 0 2
  • 村上春树,马英九都是马拉松的拥趸者,报名有很多注意事项,要提前报名,先从小城市开始报名。
    阿硕的苹果阅读 1,882评论 0 0
  • 喜欢上邻家男人的好处,就是爱上早点回家。 ——吴海英 吴海英,这名字...
    菠萝加阅读 4,692评论 0 0
  • 我亲爱的男子汉: 昨天是端午节,我们陪着孙雨晗一家去了叶赫,去了玻璃栈道。路途遥远,你一路上照顾我们,像个领队一样...
    糖月阳阅读 1,589评论 0 2

友情链接更多精彩内容