以下是为您整理出来关于【jquery学习笔记】合集内容，如果觉得还不错，请帮忙转发推荐。
1. 使用jquery 到jquery.com下载jquery.js当前版本是1.4.2 新建一个html页面 代码如下: <script type="text/javascript" src="jquery.js"></ script> $(document).ready(function(){ $("a").click(function(event){ alert("As you can see, the link no longer took you to jquery.com"); event.preventDefault(); }); }); http://jquery.com/">jQuery 代码解释...
1. 使用class与id选择HTML元素 选择id为"myDivId"的元素.由于id是唯一的，所以总是选择到1个或0个元素 代码如下: $(#myDivId) 选择class为"myCssClass". 可以选择任何多个class为"myCssClass"的元素. 代码如下: $(.myCssClass) 获取或设置元素的值 代码如下: var myValue = $(#myDivId).val(); // get the value of an element $(#myDivId).val("hello world"); // set the value of an element 选择id中有.和：时，前面...
DOM分为3个方面,即DOM Core,HTML-DOM,CSS-DOM. 1,DOM Core并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它. JavaScript中的getElementById(),getElementsByTagName()...等方法. 例如:使用DOM Core来获取表单对象的方法: document.getElementsByTagName("form"); 2,HTML-DOM. 在使用JavaScript和DOM为HTML文件编写脚本的时候.有许多专属于HTML-DOM的属性.HTML-DOM的出现甚至比DOM Core还要早,它提供了一些更简明的...
一.系统预定义的动画函数 1.显示隐藏函数 show(); //显示元素(同时增加宽、高、不透明度) hide(); //隐藏元素 执行hide()隐藏界面元素，相当于将css样式中的display:none. 我们也可以在函数中加入参数，具体如下： show("slow"); 除了slow取值外，还可以设置为normal,fast,分别代表时间为600，400，200毫秒 我们也可以加如具体时间取值。具体如下： slow(1000); 这样代表时间完全显示出元素的时间间隔为1000毫秒 2.不透明度函数 fa...
一.事件绑定 1.事件绑定函数 事件的绑定函数为如下形式： .bind(type [,data],fn) type:类型 如click..... data:参数 fn:事件执行的函数 例子 代码如下: $(function(){ $(#id1).click(function(){ $(#id2).show();//id2显示 }) ; }); 二.合成事件 1.鼠标滑过事件 .hover(enter,leave) enter:鼠标光标移动到对象时触发的函数 leave:鼠标光标移出对象触发的函数 例子： 代码如下: $(function(){ $(#id1).hover(function(){ $(#id2...
一.节点的操作 1.查找节点： var $var_1=$("htmltype"); //这句话就是获取所有htmltype节点 如：var $ul_1=$("ul");2.创建并追加节点： var $var_1=$("");//这句话是创建一个节点 $("htmltype2").append($var_1) ; //这句话是把节点插入所有htmltype2节点中 例子：var $li_1=$("香蕉");$("ul").append($li_1);其中插入方法有以下几种：append() 把B追加到A内部（所有的A元素，以下类似） appendTo() 把A追加到B内部 prepend() ...
什么是DOM对象？ HTML是以树形结构来组织文档的，具体如下: 代码如下: 1-4 //等待dom元素加载完毕. $(document).ready(function(){ var domObj = document.getElementsByTagName("h3")[0]; // Dom对象 var $jQueryObj = $(domObj); //jQuery对象 alert("DOM对象："+domObj.innerHTML); alert("jQuery对象："+$jQueryObj.html()); }); 例子 你最喜欢的水果是? 苹果 橘子 菠萝 上面的HTML文件的DOM树如下： 什么是j...
jQuery是什么？ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jö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 ...
一.基本选择器：#id :选择给定ID名的元素 如：$("#id1")为选择id为id1的元素 .class :选择给定类名的元素 element :选择给定元素名的所有原色 * :匹配所有元素 selector1,selector2,...... :选择这些名称的元素，以逗号隔开，可以是类或id名 二.层次选择器：$("ancestor descendant") :选择ancestor元素下的所有descendant(后代)元素 $("parent>child") ：选择parent下的所有child（子）元素 $(prev+next) :选择紧...
在使用JQuery的时候如果你想寻找某个容器（诸如div或者是table中的某些子元素），那么很容易就使用find方法。find将使用迭代的方式寻找所有符合条件的子元素，并且可以统一、批量的设置css等内容。 比如有这样一个table： 代码如下: 内嵌Table，行1列1 内嵌Table，行1列2 内嵌Table，行2列1 内嵌Table，行2列2 第一个Table，行2列1 第一个Table，行2列2 现在要求把所有的字体设置成蓝色，直接这样做即...