JQuery事件函数

$("button").click(function(){
    $("p").hide();
  });如果您的网站包含许多页面，并且您希望您的 jQuery 函数易于维护，那么请把您的 jQuery 函数放到独立的 .js 文件中。页面引用时放到head标签里

<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="my_jquery_functions.js"></script>
</head>

如果存在名称冲突，则重命名 jQuery 库
jQuery 使用名为 noConflict() 的方法来解决该问题。
var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。
例子：

$.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery 仍在运行！");
});
});
$(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时）
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件

时间： 2024-11-01 18:08:37

JQuery事件函数的相关文章

jQuery事件函数位置放置的两种方法

jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数. 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法. 通常会把 jQuery 代码放到 <head>部分的事件处理方法中: 实例 1 <html> 2 <head> 3 <script type="text/javascript" src="jquery.js"></script> 4 <script typ

松软科技课堂:jQuery 事件函数

jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数. 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法.术语由事件“触发”(或“激发”)经常会被使用. 通常会把 jQuery 代码放到 <head>部分的事件处理方法中: 实例 <html> <head> <script type="text/javascript" src="jquery.js"></script>

jquery事件函数和原生事件绑定函数中return false的区别

一直听说jquery中事件函数返回false,相当于调用了event.preventDefault()和event.stopPropagation()两个方法,今天就想看看dom中0级.1级.2级事件绑定事件的话,事件函数返回false会是个什么情况,看看是不是和jquery一个样:<!doctype html><html> <head> <meta charset='utf-8' />

Jqurey学习笔记---4、jQuery 事件

jQuery 事件 jQuery 是为事件处理特别设计的. jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数. 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法.术语由事件“触发”(或“激发”)经常会被使用. 通常会把 jQuery 代码放到 <head>部分的事件处理方法中: 实例 <html> <head> <script type="text/javascript" src="jque

jquery事件绑定函数

1.bind 使用语法: 1 jQueryObject.bind( events [, data ], handler ) 2 jQueryObject.bind( events [, data ] [, isDefaultBubble ] ) 3 jQueryObject.bind( eventsMap ) ps:执行bind()时,会为当时文档中存在的每个匹配的元素绑定事件,如果之后你向文档中添加了新的与bind()绑定的元素相同的元素,绑定事件不会对其生效.如果你希望绑定事件对未来新添加的

JQuery DOM元素方法跟JQuery 核心函数跟JQuery 事件方法

JQuery DOM 元素函数描述 .get() 从队列中删除所有未运行的项目. .index() 存储与指定元素相关的任意数据. .size() 存储与匹配元素相关的任意数据. .toArray() 从队列最前端移除一个队列函数,并执行它. JQuer

JQuery之JQuery的版本 JQuery入门属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别关于$的使用多个JS库的冲突解决方案

JQuery的版本 JQuery入门属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别关于$的使用多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

jQuery事件对象的属性和方法

jQuery事件对象的属性和方法事件对象的属于与方法有很多,但是我们经常用的只有那么几个,这里我主要说下作用与区别 event.type:获取事件的类型触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY:获取鼠标当前相对于页面的坐标通过这2个属性,可以确定元素在当前页面的坐标值,鼠标相对于文档的左边缘的位置(

jQuery事件对象的作用

jQuery事件对象的作用事件中的Event对象容易被初学者忽略掉,可能大多时候初学者不知道怎么去用它,但有些时候它还是非常有用的一个标准的"click"点击事件 $(elem).on("click",function(event){ event //事件对象 }) 在不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异.jQuery根据 W3C 标准规范了事件对象,所以在jQuery事件回调方法中获取到的事件对象是经过兼容后处理过的一个标准的跨浏览器对象