JavaScript资料,JavaScript文章,JavaScript文档-易库教程

jQuery浏览器CSS3特写兼容实例

2016年07月27日 10 阅读

本文实例讲述了jQuery浏览器CSS3特写兼容的方法。分享给大家供大家参考。具体分析如下：CSS3充分吸收多年了web发展的需求，吸收了很多新颖的特性。例如border-radiuscss3特性中最令人兴奋的莫过于选择器的增强，例如属性选择器可以根据某个属性值来选择标记，位置选择器可以根据子元素的位置来选择标记。在目前很多使用的很多浏览器，例如IE7,主要支持css2.大部分属性选择器都不理想。正是因为浏览器对css3的兼容性问题。各个浏览器都未对其做更...

jQuery学习笔记之2个小技巧

2016年07月27日 9 阅读

1.jQuery功能函数前缀在javascript中，开发者通常会编写一些小函数来处理各种操作细节，例如在用户提交表单时，要将文本框最前端和最末端的空格内容清理掉。而javascript中没有类似trim（）功能，在师院jQuery后，便可以使用trim（）函数。trim（）函数是jQuery对象的一个方法，使用以下例子复制代码代码如下:<script type="text/javascript"> var sString = " 12345...

jQuery学习笔记之创建DOM元素

2016年07月27日 9 阅读

利用DOM方法创建元素节点，通常要将document.createElement（）、document.createTextNode（）、appendChild（）配合使用，十分麻烦。而jQuery使用$就可以直接创建DOM元素复制代码代码如下:var oNewP = $（"<p>使用jQuery创建的内容</p>"）;以上代码等同于javascript复制代码代码如下: var oNewP2 = document.create...

jQuery中on（）方法用法实例

2016年07月27日 10 阅读

本文实例讲述了jQuery中on（）方法用法。分享给大家供大家参考。具体分析如下：此方法可以在匹配元素上绑定一个或者多个事件处理函数。使用off（）方法可以删除on（）方法绑定的事件。语法结构一:复制代码代码如下:$（selector）.on（events,[selector],[data],fn）参数列表:参数描述events一个或多个用空格分隔的事件类型和可选的命名空间。selector可选。一个选择器字符串，用以过滤选定的元素，该选择器的后裔元素将...

jQuery中bind（）方法用法实例

2016年07月27日 9 阅读

本文实例讲述了jQuery中bind（）方法用法。分享给大家供大家参考。具体分析如下：此方法为匹配元素的特定事件绑定事件处理方法。在语法上bind（）方法和one（）方法是一样的，它们的不同在于绑定的处理方法的执行次数。语法结构一:复制代码代码如下:$（selector）.bind（type,data,function）参数列表:参数描述type定义绑定到匹配元素中的事件类型。如果有多个事件使用空格分隔。data可选。传递给事件对象的额外数据对象。fun...

jQuery学习笔记之jQuery+CSS3的浏览器兼容性

2016年07月27日 12 阅读

CSS3充分吸收多年了web发展的需求，吸收了很多新颖的特性。例如border-radiuscss3特性中最令人兴奋的莫过于选择器的增强，例如属性选择器可以根据某个属性值来选择标记，位置选择器可以根据子元素的位置来选择标记。在目前很多使用的很多浏览器，例如IE7,主要支持css2.大部分属性选择器都不理想。正是因为浏览器对css3的兼容性问题。各个浏览器都未对其做更好的标准支持。jQuery通过预先的javascript编程，提供了几乎所有css3标准下的...

jQuery的one（）方法用法实例

2016年07月27日 9 阅读

本文实例讲述了jQuery的one（）方法用法。分享给大家供大家参考。具体分析如下：为匹配元素的特定事件绑定一个一次性的事件处理方法。在语法上one（）方法和bind（）方法是一样的，它们的不同在于绑定的处理方法的执行次数。语法结构:复制代码代码如下:$（selector）.one（event,data,function）参数列表:参数描述type定义绑定到匹配元素中的事件类型。如果有多个事件使用空格分隔。data可选。传递给事件对象的额外数据对象。fu...

jQuery中trigger（）方法用法实例

2016年07月27日 17 阅读

本文实例讲述了jQuery中trigger（）方法用法。分享给大家供大家参考。具体分析如下：此方法触发匹配元素指定类型的事件。语法结构一:规定匹配元素被触发的事件类型。复制代码代码如下:$（selector）.trigger（event,param1,param2,...）参数列表:参数描述event规定指定元素要触发的事件。可以是自定义事件（使用 bind（）函数来附加），或者任何标准事件。param可选。传递到事件处理程序的额外参数。额外的参数对自...

Javascript与jQuery方法的隐藏与显示

2016年07月27日 9 阅读

示例代码很简单，直接奉上，就不多废话了复制代码代码如下:<html> <head> <title>denotoggle</title> <style> #box { width: 100px; height: 100PX; background-color: #ddd } .show { visibility: hidden; } </style> <script sr...

jQuery中triggerHandler（）方法用法实例

2016年07月27日 12 阅读

本文实例讲述了jQuery中triggerHandler（）方法用法。分享给大家供大家参考。具体分析如下：此方法触发被选元素的指定事件类型。从上面定义可以看出此方法和trigger（）方法功能上很类似，但还是有巨大区别。以下是主要区别:1.此方法不会触发浏览器默认事件。2.此方法触发jQuery对象集合中第一个元素的事件处理函数，不会产生事件冒泡。3.此方法的返回的是事件处理函数的返回值，而不是据有可链性的jQuery对象。语法结构:复制代码代码如下:$...

jQuery中unbind（）方法用法实例

2016年07月27日 12 阅读

本文实例讲述了jQuery中unbind（）方法用法。分享给大家供大家参考。具体分析如下：此方法移除被选元素的事件处理程序，包括通过bind（）方法注册的自定义事件。unbind（）方法如果不带参数，则删除所有绑定的事件。此方法如果提供了事件类型作为参数，则只删除该类型的绑定事件。如果把在绑定时传递的处理函数作为第二个参数，则只有这个特定的事件处理函数会被删除。语法结构:复制代码代码如下:$（selector）.unbind（type,functio...

jQuery中live（）方法用法实例

2016年07月27日 10 阅读

本文实例讲述了jQuery中live（）方法用法。分享给大家供大家参考。具体分析如下：此方法为匹配元素添加一个或多个事件，并规定当这些事件发生时运行的函数。特别说明:jQuery1.9已经删除此方法。语法结构:复制代码代码如下:$（selector）.live（type,data,function）参数列表:参数描述type定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。data可选。定义传递到事件处理函数的额外数据。function定义当事件...

jQuery中die（）方法用法实例

2016年07月27日 9 阅读

本文实例讲述了jQuery中die（）方法用法。分享给大家供大家参考。具体分析如下：此方法移除所有通过live（）方法向指定元素添加的一个或多个事件处理程序。语法结构:复制代码代码如下:$（selector）.die（type,function）参数列表:参数描述type可选。定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。function定义当事件发生时运行的函数。实例代码:复制代码代码如下:<！DOCTYPE html><...

jQuery中delegate（）方法用法实例

2016年07月27日 9 阅读

本文实例讲述了jQuery中delegate（）方法用法。分享给大家供大家参考。具体分析如下：此方法为匹配元素的子元素添加一个或多个事件，并规定当这些事件发生时运行的函数。语法结构:复制代码代码如下:$（selector）.delegate（childofselector,type,data,function）参数列表:参数描述childofselector定义要附加事件处理程序的一个或多个子元素。type可选。定义附加到元素的一个或多个事件类型。由空格...

javascript正则表达式之search（）用法实例

2016年07月27日 9 阅读

本文实例讲述了javascript正则表达式之search（）用法。分享给大家供大家参考。具体实例代码如下：复制代码代码如下:<html><head><title>javascript正则表达式之search（）实例</title><meta http-equiv="content-type" content="text/html;charset=utf-8" /><script type...

javascript正则表达式使用replace（）替换手机号的方法

2016年07月27日 10 阅读

本文实例讲述了javascript正则表达式使用replace（）替换手机号的方法。分享给大家供大家参考。具体实现方法如下：复制代码代码如下:<html><head><title>javascript正则表达式使用replace（）替换手机号</title><meta http-equiv="content-type" content="text/html;charset=utf-8" />&l...

DOM基础教程之模型中的模型节点

2016年07月27日 10 阅读

<html>位于网页的顶端它没有父辈，称之为根节点1.元素节点（element node）可以说，整个DOM模型都是由元素节点（element node）组成比如文本段落元素“<p>”,无序清单的名称“<ul>”,元素节点包含其他元素、2.文本节点（text node）例如<h2>中的文本“标题1”，<li>中的文字内容，这些具体文本在DOM称为（text node）3.属性节点（attribut...

DOM基础教程之使用DOM

2016年07月27日 10 阅读

在了解DOM（文本对象模型）的框架和节点后，最重要的是使用这些节点处理html网页对于一个DOM节点node，都有一系列的属性和方法可以使用。常用的有下表。完善：http://www.w3school.com.cn/xmldom/dom_element.asp1.访问节点BOM提供了一些边界的方法访问节点，常用的就是getElementsByTagName（），和getElementById（）复制代码代码如下:<script type="text...

JavaScript学习心得之概述

2016年07月27日 12 阅读

一、JavaScript是一种专为与网页交互而设计的脚本语言，它的的组成ECMAScript（核心）DOM（文档对象模型）BOM（浏览器对象模型）1.1ECMAScript ECMA-262定义的ECMAScrip与Web浏览器没有依赖关系，ECMA-262定义的只是这门语言的基础，提供核心语言功能 ECMAScript是通过ECMA-262标准化的脚本语言，ECMA-262规定语言的：语法、类型、语句、关键字、保留字、操作符、对象1.2 DOM（Do...

自己动手手写jQuery插件总结

2016年07月27日 10 阅读

jQuery是继Prototype之后的又一款优秀的JavaScript框架，深受广大开发者热爱，用户甚广。而jQuery一个很好的地方在于用户的自定义，即我们可以书写自己的插件来完善jQuery的各项功能，定制自己所需要的功能，剔除冗余的代码，在页面加载时候可以有一定程度上的提升。面试之后，触动很大，就是你要做的是一个了解十项还是精通一项的开发者？于是花了几天时间苦逼的研读jQuery源码，了解了jQuery的事件机制、选择器以及浏览器兼容性是如何做...

首页 / 脚本样式 / JavaScript

jQuery浏览器CSS3特写兼容实例

jQuery学习笔记之2个小技巧

jQuery学习笔记之创建DOM元素

jQuery中on（）方法用法实例

jQuery中bind（）方法用法实例

jQuery学习笔记之jQuery+CSS3的浏览器兼容性

jQuery的one（）方法用法实例

jQuery中trigger（）方法用法实例

Javascript与jQuery方法的隐藏与显示

jQuery中triggerHandler（）方法用法实例

jQuery中unbind（）方法用法实例

jQuery中live（）方法用法实例

jQuery中die（）方法用法实例

jQuery中delegate（）方法用法实例

javascript正则表达式之search（）用法实例

javascript正则表达式使用replace（）替换手机号的方法

DOM基础教程之模型中的模型节点

DOM基础教程之使用DOM

JavaScript学习心得之概述

自己动手手写jQuery插件总结