jquery介绍,属性操作

1,jquery介绍

jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。

jQuery的版本分为1.x系列和2.x、3.x系列,1.x系列兼容低版本的浏览器,2.x、3.x系列放弃支持低版本浏览器,目前使用最多的是1.x系列的。

jquery是一个函数库,一个js文件,页面用script标签引入这个js文件就可以使用。

<script type="text/javascript" src="js/jquery-1.12.2.js"></script>

2,jquery加载

将获取元素的语句写到页面头部,会因为元素还没有加载而出错,jquery提供了ready方法解决这个问题,它的速度比原生的 window.onload 更快。

3,jquery属性操作

1、html() 取出或设置html内容

// 取出html内容

var htm =('#div1').html();

// 设置html内容

$('#div1').html('<span>添加文字</span>');
2、text() 取出或设置text内容

// 取出文本内容

var htm =('#div1').text();

// 设置文本内容

$('#div1').text('<span>添加文字</span>');
3、attr() 取出或设置某个属性的值

// 取出图片的地址

var src =('#img1').attr('src');

// 设置图片的地址和alt属性

$('#img1').attr({ src: "test.jpg", alt: "Test Image" });

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

推荐阅读更多精彩内容

  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 3,887评论 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,212评论 1 45
  • 高效率慢生活践行第61天 2019.01.15晨间检视 就寝23:00晨起5:30 时间管理的核心是做减法 【今日...
    小妮蛋阅读 1,279评论 0 0
  • 儿提出今天中午回来吃饭,我同意了。儿提前交卷,放弃了两题没做,原因是同学都在他之前交卷,实在做不下去了。我...
    大爱无疆杨青阅读 1,571评论 0 9
  • 我是我,你是你 你我本是两个毫无关系的生命体 时间让我们相遇了 自此 我不再是我 而你仍是你 我追随你的脚步 你却...
    一只粥呐阅读 1,076评论 0 0

友情链接更多精彩内容