Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery学习笔记 操作jQuery对象 CSS处理

jQuery学习笔记 操作jQuery对象 CSS处理

CSS基本属性处理方法描述css(name)获取元素上CSS规则中name属性值css(name,value)css(name,fn(index,value))css({name1:value1,…,nameN:valueN})设置元素上CSS规则name属性的值为value,也可使用函数参数,不解释;还可以一次性为同一元素设置多个CSS属性CSS尺寸属性处理 方法描述height()获取元素CSS属性height的值width()获取元素CSS属性wid...
jQuery学习笔记 操作jQuery对象 属性处理

jQuery学习笔记 操作jQuery对象 属性处理

元素的属性处理方法描述attr(name)attr(name,value)attr(name,fn(index,value))attr({name1:value1,…,nameN:valueN})获取某个属性的取值,或可以用于设置某个属性的值。还可以使用函数作为参数,将函数返回值作为需要为元素属性设置的值,比如将第(index+1)个元素的name属性设置为函数返回值(实际上,明白函数式就根本不需要这说明)。也可以一次性给同一元素多个属性removeAtt...
jQuery学习笔记 操作jQuery对象 文档处理

jQuery学习笔记 操作jQuery对象 文档处理

下面就是一些常用方法,格式为$(selector).方法,其中$(selector)即当前选定元素: 移动元素方法描述append($(selector))向当前元素的内部追加内容appendTo($(selector))将当前元素在某元素内部追加。但由于会根据需要对当前元素进行移动,所以jQuery对象更改了,可用end()还原prepend($(selector))向当前元素的内部前置内容prependTo($(selector))将当前元素在某元素内...
jQuery学习笔记 更改jQuery对象

jQuery学习笔记 更改jQuery对象

jQuery代码的任务就是生成jQuery对象A,操作jQuery对象A;生成jQuery对象B,操作jQuery对象B……但是若此过程中,对象A、B……之间有某种关系,那么完全没必要一个个去$(selector),这很繁琐的。因此jQuery提供了一些方法,使流程变为生成jQuery对象A,操作jQuery对象A;更改为jQuery对象B,操作jQuery对象B…… 一个jQuery对象,既要进行N次操作,又要进行M次更改。因此有必要将生成的jQue...
jQuery学习笔记 获取jQuery对象

jQuery学习笔记 获取jQuery对象

使用jQuery选择器选择页面元素,目的是为了生成jQuery对象,语法相当简单:$(selector)。但值得注意的是,这是生成jQuery对象,不是DOM对象,因此$(selector).innerHTML以获取元素内部HTML代码是错误的,正确写法是$(selector).html()。同样的,判断一个DOM对象是否存在,不能够写成if($(selector)),而是if($(selector).length>0)。 当然jQuery对象和...
一样的table?不一样的table(可编辑状态table)

一样的table?不一样的table(可编辑状态table)

新的一天开始了,生活还要继续,今天要和大家分享的是不一样的table,普通的table就用于显示数据,今天要分享的table不仅仅能显示数据,还可以对数据进行编辑,当鼠标点击数据时相应的数据格就变成可编辑的状态,废话不多说,进入今天的主题,首先完成HTML页面: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict...
jQuery Ajax提交表单查询获得数据实例代码

jQuery Ajax提交表单查询获得数据实例代码

看一个用jQuery提交表单ajax查询的例子。 基本功能:用户输入一个表单,输入准考证和验证码,验证用户是否输入表单,点击查询提交,然后从服务器得到返回的数据并显示出来。 代码如下: jQuery部分: 复制代码 代码如下: <script language="javascript" type="text/javascript"> $(document).ready(function() { $("#btnSubmit").click(fun...
基于jquery打造的百分比动态色彩条插件

基于jquery打造的百分比动态色彩条插件

以前没写过jquery插件,在开发这个时,写一下代码,又看一下jquery插件的定义(如何开发之类的东东),来来去去的。 之所以要写这个插件,主要是为了往后的项目中方便实现这类型的功能,在之前做问卷调查那个应用中,就用到这个来显示结果,但当时开发时并不用是插件的,一大堆代码,看也烦,用起来很麻烦(当时就调了一个上午)。 还好,这个功能比较简单,正好合适新手写插件。 具体的效果如图: 这个也算是简单的比例图吧。 插件的具体的代码如下: 复制代码 代码如下: ...
Array.prototype.concat不是通用方法反驳[译]

Array.prototype.concat不是通用方法反驳[译]

ECMAScript 5.1规范§15.4.4.4 中说到:复制代码 代码如下: concat函数是有意设计成通用的;它并不要求它的this值必须得是个Array对象.因此,它可以被转移到其它类型的对象上作为方法来调用. 本文中的代码都使用了[]来作为Array.prototype的快捷方式.这已经是很常用的技巧了,虽然可读性差点:你通过一个对象实例访问到了Array.prototype上的方法.但是,这样的访问方式在现代的JavaScript引擎中非常之...
JavaScript 反科里化 this [译]

JavaScript 反科里化 this [译]

本文主要讲了JavaScript中科里化和反科里化this的方法.话题来自于Brendan Eich(JavaScript之父)的一个tweet.1.反科里化(Uncurrying)this 反科里化this的意思是:把一个签名如下的方法: obj.foo(arg1, arg2)转换成另外一个签名如下的函数: foo(obj, arg1, arg2)想要知道这么做有什么用,我们首先得了解一下通用方法. 2.通用方法(Generic methods) 通常情...
JavaScript 更严格的相等 [译]

JavaScript 更严格的相等 [译]

1.检测NaN 在数学上,任意值x总是与自己相等: x = x 但这条规则并不适用于 === 和 NaN: 复制代码 代码如下: > NaN === NaN false 导致的结果就是,你不能通过使用indexOf方法在一个包含了NaN的数组中找到这个NaN,因为该方法在内部是使用了===来判断一个元素是否和参数中指定的值相等的: 复制代码 代码如下: > [ NaN ].indexOf(NaN) -1 译者注:switch语句同理 复制代...
<< 571 572 573 574 575 576 577 578 579 580 >>