美文网首页
jQueryDOM操作

jQueryDOM操作

作者: XuZiYa | 来源:发表于2018-10-26 11:28 被阅读0次

    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)方法

    相关文章

      网友评论

          本文标题:jQueryDOM操作

          本文链接:https://www.haomeiwen.com/subject/pfrzzftx.html