jquery学习笔记

以下是为您整理出来关于【jquery学习笔记】合集内容,如果觉得还不错,请帮忙转发推荐。

【jquery学习笔记】技术教程文章

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属性width的值。这两个方法获取的是元素在页面中的实际高度宽度值,多用于数学运算,比较方便...

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

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

疯狂Jquery第一天(Jquery学习笔记)

好了开始我的Jquery第一天。 我也是从Hello wrod!开始的。关于jquery 的引用我直接一笔带过。如下: 代码如下:<html> <head> <title>jquery 链式操作</title> <script type="text/javascript" src="jquery-1.3.1.js"></script> <script type=text/javascript> $(document).ready(function(){ alert("hello word!"); //静止右键点击 // $(document).bind("contextmenu",function(e){ // return false; // }); }); </script> </head...

那些年,我还在学习jquery 学习笔记

原来Jquery就是一个javascript写的一个库,它给我们提供了很多常用的方法,使用这些方法可以兼容多种浏览器,使用它可以达到很好的动画效果,下面就来看看那些年的学习笔记吧一、$符号   1、选择器    可以选择html标签,也可选择ID,Class等    如下: 代码如下: <script type="text/javascript"> $( function() { $("table.datalist tr:nth-child(odd)").addClass("one");//odd:匹配奇数,even:偶数,nth-child:匹配其...

jQuery学习笔记之控制页面实现代码【图】

each()遍历元素(k1) 代码如下:$(document).ready(function () { $("#btn").html("each()遍历元素").click(function (event) { $("div").each(function (index) { $(this).html("这是第" + index + "个div"); }); event.preventDefault(); }); }); 获取属性的值(k1)attr(name) 代码如下:$(document).ready(function () { $("#btn").html("获取属性值").click(function (event) { $("div").each(function () { alert("title属...

jquery学习笔记 用jquery实现无刷新登录

好了,唠嗑就到这里,现在看如何用jquery实现无刷新登录。 首先先创建html的部分 代码如下:<table> <tr> <td> 用户名: </td> <td> <input type="text" id="username" /> </td> </tr> <tr> <td> 密码: </td> <td> <input type="text" id="password" /> </td> </tr> <tr> <td> 验证码: </td> <td> <input type="text" id="cord" /> <img alt="点击更换验证码" title="看不清楚,请单击我!" id="checkcord" src="img.ashx" /> </...

JQuery学习笔记 nt-child的使用

在使用JQuery的时候如果你想寻找某个容器(诸如div或者是table中的某些子元素),那么很容易就使用find方法。find将使用迭代的方式寻找所有符合条件的子元素,并且可以统一、批量的设置css等内容。 比如有这样一个table: 代码如下:<table id="outer"> <tr> <td> <table id="nested"> <tr> <td> 内嵌Table,行1列1 </td> <td> 内嵌Table,行1列2 </td> </tr> <tr> <td> 内嵌Table,行2列1 </td> <td> 内嵌Table,行2列2 </td> </t...

jQuery学习笔记之Helloworld【图】

jQuery是什么? jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的J&ouml;rn Zaefferer,罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera ...

jQuery学习笔记之DOM对象和jQuery对象【图】

什么是DOM对象? HTML是以树形结构来组织文档的,具体如下: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>1-4</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- 引入 jQuery --> <script src="../scripts/jquery-1.3.1.js" type="text...

jQuery学习笔记之jQuery选择器的使用

一.基本选择器:#id :选择给定ID名的元素 如:$("#id1")为选择id为id1的元素 .class :选择给定类名的元素 element :选择给定元素名的所有原色 * :匹配所有元素 selector1,selector2,...... :选择这些名称的元素,以逗号隔开,可以是类或id名 二.层次选择器:$("ancestor descendant") :选择ancestor元素下的所有descendant(后代)元素 $("parent>child") :选择parent下的所有child(子)元素 $(prev+next) :选择紧...