Jquery对象---Jquery API (2)

一、css() 方法

Paste_Image.png

Jquery API为DOM添加样式有两种写法:
(1)$("div").css('border','1px solid red');
(2)$("div").css({border:'1px solid green',
background:'#aaa'
});
二者写法是等价的,但是建议采用第二种,因为它可以同时添加多个样式,而且属性可以不加引号

二、html()方法 (慎用--XSS漏洞)

Paste_Image.png

(1) $(".class2").html('<span>hi</span>');//改变html内容
(2)慎用html方法!(var userName='<script>console.log(document.cookie)</script>';//XSS 漏洞 $(".class1").html(userName);)
因为浏览器会自动解析<script>标签,这样假设用户名是从数据库里读的,那用户只要输入一些奇怪的东西例如‘<script>console.log(document.cookie)</script>’,就会拿到一些隐秘的信息。所以必须慎用html方法,除非你能保证数据是你自己生成的而不是别人生成的!

三、text()方法

text()方法和html()方法不同的是它作为纯文本返回

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

相关阅读更多精彩内容

  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 7,876评论 2赞 19
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,968评论 1赞 19
  • 苹果姐刚搬了新家不久,是我给找的房子。 一天夜里,苹果给我打电话说她家里闹鬼。 我说大姐,都这个点了,还让不让人睡...
    peter_yuan_93阅读 953评论 1赞 5
  • 中午吃完午饭便拉着一个同事一起到了一个环境特别安静的书店去看书。 找到一本早就想阅读的书––《人类简...
    晴天先生阅读 411评论 0赞 1
  • 修行之途 时光流转,兜兜转转。 是的,现在的自己正在辗转与各个城市之间,有句话是这样说的。 ...
    哎呦不错丨阅读 229评论 0赞 1

友情链接更多精彩内容