hover(Function, Function) 当鼠标move over时触发第一个function,当鼠标move out时触发第二个function样式:.red{color:#FF0000}Html代码: sdfjQuery代码及效果 $(function(){ $("#a").hover(function(){$(this).addClass("red");}, function(){ $(this).removeClass("red"); });})最终效果是当鼠标移到id为a的层上时图层增加一个red样式,离开层时移出red样式toggl...
翻译整理:Young.J官方网站:http://jquery.com jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的! 下载地址:Starterkit (http://jquery.bassistance.de/jquery-starterkit.zip) jQuery Downloads (http://jquery.com/src/) 下载完成后先加载到文档中,然后我们来看个简单的例子...
做这个手册的目的就是,在不能上网的时候有可能你会需查了解jquery的一些用法,还有一点很重要的是对于我这种英文能力超弱的人,有个中文手册简直就是学习其的福音啊!弄出来了,还是供大家共享吧,希望能带来高效的编程!http://www.kuomart.com/blog/my_result/jquery_api.chm 本地下载
第一章 何谓JOSN JSON:JavaScript Object Notation 是Javascript (jscript、ECMA Javascript等)描述对象数据(各种元数据其实也是最简单的对象)的一种数据结构。概念和用法均类似于Hash(哈希表)或者关联数组。 JSON建构于两种结构: “名称/值”对的集合(A collection of name/value pairs)。不同的语言中,它被理解为对象(object),纪录(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(...
JavaScript对象、方法、函数、属性速查:CSS属性速查:
click() 对象.click() 使对象被点击。 closed 对象.closed 对象窗口是否已关闭true/false clearTimeout(对象) 清除已设置的setTimeout对象 clearInterval(对象) 清除已设置的setInterval对象 confirm("提示信息") 弹出确认框,确定返回true取消返回false cursor:样式 更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize event.clientX 返回最后一次点击鼠标X坐标值; event.clientY 返回最后一次点击鼠标Y坐...
二:DOM操作属性我们以为例,在原始的javascript里面可以用var o=document.getElementById(a)取的id为a的节点对象,在用o.src来取得或修改该节点的scr属性,在jQuery 里$("#a")将得到jQuery对象[ ],然后可以用jQuery提供的很多方法来进行操作,如$("#a").scr()将得到5.jpg,$("#a").scr("1.jpg")将该对象src属性改为1,jpg。下面我们来讲jQuery提供的众多jQuery方法,方便大家快速对DOM对象进行操作herf() herf(val)说明:对jQue...
一:核心部分$(expr)说明:该函数可以通过css选择器,Xpath或html代码来匹配目标元素,所有的jQuery操作都以此为基础参数:expr:字符串,一个查询表达式或一段html字符串例子:未执行jQuery前: <p>one</p><div> <p>two</p></div> <p>three</p> <a href="#" id="test" onClick="jq()" >jQuery</a> jQuery代码及功能: function jq(){ alert($("div > p").html()); } 运行:当点击id为test的元素时,弹出对话框文...
五:动态效果 在将这部分之前我们先看个例子,相信做网页的朋友都遇到n级菜单的情景,但点击某菜单按钮时,如果它的子菜单是显示的,则隐藏子菜单,如果子菜单隐藏,则显示出来,传统的javascript做法是先用getElementById取出子菜单所在容器的id,在判断该容器的style.display是否等于none,如果等于则设为block,如果不等于这设为none,如果在将效果设置复杂一点,当点击按钮时,不是忽然隐藏和显示子菜单,而是高度平滑的转...
七:Ajax支持 通用方式:$.ajax(prop) 通过一个ajax请求,回去远程数据,prop是一个hash表,它可以传递的key/value有以下几种。 (String)type:数据传递方式(get或post)。 ((String)url:数据请求页面的url ((String)data:传递数据的参数字符串,只适合post方式 ((String)dataType:期待数据返回的数据格式(例如 "xml", "html", "script",或 "json") ((Boolean)ifModified: 当最后一...
六:事件处理 hover(Function, Function) 当鼠标move over时触发第一个function,当鼠标move out时触发第二个function样式:.red{color:#FF0000}Html代码: sdfjQuery代码及效果 $(function(){ $("#a").hover(function(){$(this).addClass("red");}, function(){ $(this).removeClass("red"); });})最终效果是当鼠标移到id为a的层上时图层增加一个red样式,离开层时移出...
四:JavaScript处理$.browser() 判断浏览器类型,返回boolen值 $(function(){ if($.browser.msie) { alert("这是一个IE浏览器");} else if($.browser.opera) { alert("这是一个opera浏览器");}})当页面载入式判断浏览器类型,可判断的类型有msie、mozilla、opera、safari$.each(obj, fn) obj为对象或数组,fn为在obj上依次执行的函数,注意区分$().each() $.each( [0,1,2], function(i){ alert( "Item #" ...
三:CSS操作 传统javascript对css的操作相当繁琐,比如css取它的background语法是 document.getElementById("a").style.background,而jQuery对css更方便的操作,$("#a").background(),$("#a").background(“red”)$("#a")得到jQuery对象[ <div id="a" … /div> ]$("#a").background()将取出该对象的background样式。$("#a").background(“red”)将该对象的background样式设为redjQuery提供了以下方法,来操作cssbackground ...
在twitter上发现了这篇文章, 简单的摘译了一下:总是从ID选择器开始继承 在class前使用tag 将jquery对象缓存起来 掌握强大的链式操作 使用子查询 对直接的DOM操作进行限制 冒泡 消除无效查询 推迟到 $(window).load 压缩js 全面掌握jquery库 1. 总是从ID选择器开始继承 在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascript的getElementById()方法. 代码如下: 像这样选择按钮是低效的: 代码如下: var traffic_butto...
本文为大家整理一篇很详尽的jQuery常见开发技巧文章,供大家参考,具体内容如下 1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jque...