蛇精脱龙娃凤娃的裤子:jquery 简单学习(4)
来源:百度文库 编辑:九乡新闻网 时间:2024/05/03 06:45:49
2010-12-27
事件处理函数是当 HTML 中发生事件时自动被调用的函数。由“事件”(event)“触发”(triggered)是经常被用到的术语。————————————————————在您 中由于 jQuery 是为事件处理特别设计的,通常是把 jQuery 代码置于网页 部分的“事件处理”函数中:Js代码
当我们在教程中演示 jQuery 时,会将函数直接添加到 部分中。不过,把它们放到一个单独的文件中会更好,就像这样(通过 src 属性来引用文件):Js代码
jQuery 使用 $ 符号作为 jQuery 的简介方式。
某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。
jQuery 使用名为 noConflict() 的方法来解决该问题。
var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。Js代码
JQuery简单学习(4)——JQuery事件
文章分类:Web前端
jQuery 是为事件处理特别设计的。
————————————————————jQuery 事件函数jQuery 事件处理函数是 jQuery 中的核心函数。事件处理函数是当 HTML 中发生事件时自动被调用的函数。由“事件”(event)“触发”(triggered)是经常被用到的术语。————————————————————在您 中由于 jQuery 是为事件处理特别设计的,通常是把 jQuery 代码置于网页 部分的“事件处理”函数中:Js代码
This is a heading
This is a paragraph.
This is another paragraph.
在上面的例子中,定义了一个处理 HTML 按钮的点击事件的 click 函数:Js代码This is a heading
This is a paragraph.
This is another paragraph.
- $("button").click(function() {..some code... } )
$("button").click(function() {..some code... } )click 函数内部的代码隐藏所有
元素:Js代码
- click 函数内部的代码隐藏所有
元素:
click 函数内部的代码隐藏所有所有事件函数都在文档自身的“事件处理器”内部进行定义:Js代码元素:
- $(document).ready(function() {..some code...} )
$(document).ready(function() {..some code...} )————————————————————单独文件中的函数如果您的网站包含许多页面,并且您希望您的 jQuery 函数易于维护,那么请把您的 jQuery 函数放到独立的 .js 文件中。
当我们在教程中演示 jQuery 时,会将函数直接添加到 部分中。不过,把它们放到一个单独的文件中会更好,就像这样(通过 src 属性来引用文件):Js代码
jQuery 使用 $ 符号作为 jQuery 的简介方式。
某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。
jQuery 使用名为 noConflict() 的方法来解决该问题。
var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。Js代码
This is a heading
This is a paragraph.
This is another paragraph.
————————————————————结论由于 jQuery 是为处理 HTML 事件而特别设计的,那么当您遵循以下原则时,您的代码会更恰当且更易维护:This is a heading
This is a paragraph.
This is another paragraph.
- 把所有 jQuery 代码置于事件处理函数中
- 把所有事件处理函数置于文档就绪事件处理器中
- 把 jQuery 代码置于单独的 .js 文件中
- 如果存在名称冲突,则重命名 jQuery 库
文档的就绪事件
(当 HTML 文档就绪可用)
$(selector).click(function) 被选元素的点击事件 $(selector).dblclick(function) 被选元素的双击事件 $(selector).focus(function) 被选元素的获得焦点事件 $(selector).mouseover(function) 被选元素的鼠标悬停事件
jquery 简单学习(4)
jquery 简单学习(6)
jquery 简单学习(5)
jquery学习笔记
Jquery的一些学习
jquery 学习笔记 --管理jquery包装集
简单jQuery定时器使用方法,jQuery Timers插件应用例子
jquery 简单应用 取出最后一个td
jQuery插件开发 - 其实很简单
JQuery
从零开始学习jQuery (二) 万能的选择器
jQuery框架学习第七天:jQuery动画–jQuery让页面动起来! - 学IT网 x...
jquery+json 实例 (当jquery遇上了json )
jquery 学习笔记 --操作元素属性与样式
从零开始学习jQuery之让页面动起来
分享7个超棒的学习jQuery的网站
SELinux简单学习
简单藏语学习
拉筋法简单学习?
电脑配置简单学习
jqueryUI表单提交插件测试(struts1.2+jquery)
jquery trigger
jquery插件
jQuery基础