jquery的一点点认识

原创 2015年07月07日 11:35:36

概述

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。
jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。如今,jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。
jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发者更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外,jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
jQuery,顾名思议,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。

属性

attr(name|properties|key,value|fn)

设置或返回被选元素的属性值。

参数name 描述:
返回文档中所有图像的src属性值。

$("img").attr("src");

为所有图像设置src和alt属性。

jquery 代码:

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

为所有图像设置src属性。

jquery 代码:

$("img").attr("src","test.jpg");

把src属性的值设置为title属性的值。

jquery 代码:

$("img").attr("title", function() { return this.src });

removeAttr(name)

从每一个匹配的元素中删除一个属性

将文档中图像的src属性删除

HTML 代码:

<img src="test.jpg"/>

jquery 代码:

$("img").removeAttr("src");

结果:

[ <img /> ]

addClass(class|fn)

为每个匹配的元素添加指定的类名。

为匹配的元素加上 'selected' 类

jquery 代码:

$("p").addClass("selected");
$("p").addClass("selected1 selected2");

给li加上不同的class

HTML 代码:

<ul>
      <li>Hello</li>
      <li>Hello</li>
      <li>Hello</li>
</ul>

jquery 代码:

$('ul li:last').addClass(function() {
  return 'item-' + $(this).index();
});

removeClass([class|fn])

从匹配的元素中删除 'selected' 类

jquery 代码:

$("p").removeClass("selected");

删除匹配元素的所有类

jquery 代码:

$("p").removeClass();

删除最后一个元素上与前面重复的class

jquery 代码:

$('li:last').removeClass(function() {
    return $(this).prev().attr('class');
});

html([val|fn])

取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。

在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素,那么只有第一个匹配元素的 HTML 内容会被获取。

返回p元素的内容。

jquery 代码:

$('p').html();

设置所有 p 元素的内容

jquery 代码:

$("p").html("Hello <b>world</b>!");

使用函数来设置所有匹配元素的内容。

jquery 代码:

$("p").html(function(n){
    return "这个 p 元素的 index 是:" + n;
    });

text([val|fn])

取得所有匹配元素的内容。

结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。

返回p元素的文本内容。

jquery 代码:

$('p').text();

设置所有 p 元素的文本内容

jquery 代码:

$("p").text("Hello world!");

使用函数来设置所有匹配元素的文本内容。

jquery 代码:

$("p").text(function(n){
    return "这个 p 元素的 index 是:" + n;
    });

val([val|fn|arr])

获得匹配元素的当前值。

获取文本框中的值

jquery 代码:

$("input").val();

设定文本框的值

jquery 代码:

$("input").val("hello world!");

设定文本框的值

jquery 代码:

$('input:text.items').val(function() {
  return this.value + ' ' + this.className;
});

总结

这篇主要讲解了,对jquery属性的了解。




版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

对jQuery插件的一点点认识

jQuery插件可以让我们的项目变得更加栩栩如生,做更少的工作去完成更多的事情,例如:jQuery UI,jQuery fullpage,返回顶部等js插件效果

jquery的一点点认识

概述 JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2....

jquery的一点点认识

概述 JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2....

using的一点点认识

概述 定义一个范围,将在此范围之外释放一个或多个对象 当做别名(命名空间) 当做try-finally处理 三种方式

属性的一点点认识

概述 属性就是对于一个对象的抽象刻画[1] . 一个具体事物,总是有许许多多的性质与关系,我们把一个事物的性质与关系,都叫做事物的属性。 事物与属性是不可分的,事物都是有属性...

关于中断的一点点认识

前一段时间,有幸和都江堰操作的作者面对面的聊了一把。对于前辈的技术和才能,晚辈深深地佩服。DJY_OS在应用方面的事件机制以及处理中断的方法都让人眼前一亮。在谈到中断时,前辈说,很多人都没有真正的理解...

对Bootstrap的一点点认识

我在学习大前端: Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。[...

构造函数的一点点认识

概述 构造函数 ,是一种特殊的方法。主要用来在创建对象时初始化对象, 即为对象成员变量赋初始值,总与new运算符一起使用在创建对象的语句中。特别的一个类可以有多个构造函数 ,可根据其参数个数...

谈谈ASP.NET中母版与主题的一点点认识

一.ASP.NET2.0中提供了定制外观的新特性: 1.服务端控件提供了Style对象模型 2.也支持CSS对其进行定制 3.主题 Theme文件下存放两类文件[x.skin或x.css],其中...

每天进步一点点——重新认识Linux中的进程号

理解Linux内核是如何为进程分配进程号,以及在分布式集群中如何真确的区分唯一的进程号
  • cywosp
  • cywosp
  • 2014-09-01 00:42
  • 8637
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)