
JQuery
文章平均质量分 67
liang408015204
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JQuery入门——编写一个简单的JQuery应用
一、官方网站下载:http://jquery.com 二、引入JQuery文件库 下载完后不用安装,只需将文件导入页面中即可,即在中加入如下代码: 三、编写一个弹出对话框的简单应用。 New Document $(document).ready(function(){原创 2013-01-03 13:22:45 · 770 阅读 · 0 评论 -
JQuery入门——用unbind方法移除绑定事件
1、在DOM对象的实践操作中,既然存在用于绑定事件的bind方法,也相应存在用于移出绑定事件的方法,在JQuery中,可以通过unbind方法移除所有绑定的事件或某一个事件。 2、示例代码: unbind方法移除绑定事件 $(function(){ function oClick(){ //自定义事件 $("#divTip").append("这原创 2013-02-01 17:02:41 · 2477 阅读 · 0 评论 -
JQuery入门——用映射方式绑定不同事件
1、通过映射的方式,给对象绑定多个事件。 2、示例代码: 映射方式绑定不同事件 $(function(){ $(".txt").bind({focus:function(){ $("#divTip").show().html("执行的是focus事件"); }, change:function(){ $("#divTip").show().h原创 2013-02-01 16:41:06 · 1231 阅读 · 0 评论 -
JQuery入门——用bind方法绑定事件
1、bind()功能是为每个选择元素的事件绑定处理函数,其语法如下:bind(type, [data], fn) 其中type为一个或多个类型的字符串,如click或change,也可以自定义;可以被type调用的类型包括blur、focus、load、resize、scroll、unload、click、dbclick、mousedown等事件。参数data是作为event.data属性值传递原创 2013-02-01 16:34:40 · 2305 阅读 · 0 评论 -
JQurey入门——事件机制之事件中的冒泡现象
1、当用户浏览页面时,浏览器会对页面代码进行解释或编译——这个过程实质上是通过事件来驱动的,即页面在加载时,执行一个Load事件,在这个事件中实现浏览器编译页面代码的过程。事件被触发后被分为两个阶段,一个是捕获(Capture),另一个是冒泡(Bubbing),但大多浏览器并不是都支持捕获阶段,因此事件被触发后,往往执行冒泡过程。 2、示例代码: 事件中的冒泡现象原创 2013-02-01 16:26:52 · 1111 阅读 · 0 评论 -
JQuery入门——事件切换之toggle()方法
1、在toggle()方法中,可以依次调用N个指定的函数,直到最后一个函数,然后重复对这个函数轮番调用,其语法如下:toggle(fn, fn2, [fn3, fn4,...]),其中fn、fn2、fn3、fn4等函数依次调用。 2、示例代码: toggle方法 body{font-size:13px} img{bord原创 2013-02-01 16:54:40 · 10283 阅读 · 0 评论 -
JQuery入门——切换事件
1、在JQuery中,有两个方法用于事件的切换,一个方法是hover(),另一个是toggle()。所谓切换事件,即有两个以上的事件绑定于一个元素,在元素的行为动作间进行切换。如一个超级链接标记若想实现当鼠标悬停时触发一个事件,鼠标移出时又触发一个事件,可以用切换事件轻松实现。 2、示例代码: 切换事件hover $(function(){ $(".cl原创 2013-02-01 16:47:54 · 2789 阅读 · 0 评论 -
JQuery入门——选择器实现隔行变色
1、JQuery选择器继承了CSS、path语音的部分语法,允许通过标签名、属性名、内容对DOM元素进行快速、准确的选择。 2、JQuery选择器与JavaScript相比,具有代码简单、完善的检测机制的优势。 3、使用JQuery选择器实现隔行变色,示例代码如下: 使用JQuery实现隔行变色 body{font-siz原创 2013-01-04 15:31:57 · 1322 阅读 · 2 评论 -
JQuery入门——数据删除和图片预览在项目中的应用
1、功能需求:表格中数据隔行变色、删除数据、全选删除、鼠标移动到图片时显示图片预览 2、示例代码如下: 数据管理 body{font-size:12px} table{width:360px;border-collapse:collapse} table tr th,td{border:solid 1原创 2013-01-07 01:01:01 · 1183 阅读 · 0 评论 -
JQuery入门——控制DOM对象
1、JavaScript访问DOM对象方法: var oTxtValue=document.getElementById("Text1").value; 2、JQuery访问DOM对象方法: var oTxtValue=$("#Text1").val(); 通过JQuery库中的方法访问或控制页面中的元素,比使用JavaScript代码要简洁得多,而且兼容各浏览器。原创 2013-01-03 16:38:59 · 610 阅读 · 0 评论 -
JQuery入门——导航条在项目中的应用
1、编写一个导航条,单击标题时,可以伸缩导航条内容,简化内容或显示更多内容。 示例代码如下: New Document body{font-size:13px} #divFrame{border:solid 1px #666;width:301px;overflow:hidden} #divFrame原创 2013-01-05 21:19:54 · 1105 阅读 · 0 评论 -
JQuery入门——JQuery程序的代码风格
1、$美元符号的使用:用于页面元素的选择、功能函数的前缀 2、事件操作链接式: 在页面中,有一个标记,该标记嵌套两个标记,页面首次加载时,被嵌套的内容是不可见的,用户单击主题标记时,改变自身的背景颜色,并将嵌套的内容显示出来。功能的实现是通过“.”符号链接在一起 示例代码如下: New Document原创 2013-01-03 14:56:11 · 775 阅读 · 0 评论 -
JQuery入门——用one()方法绑定事件
1、one()方法功能是为所选的元素绑定一个仅触发一次的处理函数,其调用的语法格式为:one(type, [data], fn) 其中参数type为事件类型,即需要触发什么类型的事件;参数data为可选参数,表示作为event.data属性值传递给事件对象的额外数据对象;fn为绑定事件时所要触发的函数。 2、示例代码: 其他事件 $(function(){原创 2013-02-02 22:13:40 · 1768 阅读 · 0 评论