9、网页制作Dreamweaver(jQuery基础:事件)

事件

定义:即当HTML中发生某些事(点击、鼠标移过等)的时候调用的方法

$(selector).action()


事件的触发有两种方法:

1、直接将发生的事写在<javascript>中

1 <script type="text/javascript">
2 $(document).ready(function(){
3 $("button").click(function(){
4 $("p").hide();
5 });
6 });
7 </script>
<body><button type="button">Click me</button></body>

各种事件的写法和作用:

Event 函数 绑定函数至
$(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件

2、写在body标签中

时间: 2024-11-05 14:47:08

9、网页制作Dreamweaver(jQuery基础:事件)的相关文章

jQuery基础——事件篇

jQuery基础--事件篇 鼠标事件 click与dbclick事件 click方法监听用户单击操作,dbclick监听用户双击操作,这两个方法类似. dbclick与click事件不同的是: click事件触发需要以下几点: click事件其实是由mousedown与mouseup 2个动作构成,所以点击的动作只有在松手后才触发 dblclick事件触发需要以下几点: dblclick又是由2个click叠加而来的,所以dblclick事件只有在满足以下条件的情况下才能被触发 鼠标指针在元素里

网页制作之html基础学习1-简介

学习网页制作主要分为三大块 1.HTML    超文本标记语言( 全称:Hyper Text  Markup Language) 专门编辑静态网页 2.CSS      网页美化:是HTML控制的样式.格式的一部分 3.Javascript   脚本语言:主要是编写网页中动态效果的. html 模块部分 一.简介: 超文本标记语言,静态网页.可以说是一系列“标签”组成的“文本文档”.HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,其主要特点如下:

10、网页制作Dreamweaver(扩展:各浏览器对 onunload 事件的支持与触发条件实现有差异)

标准参考 在 HTML 4.01 规范中关于 onunload 事件的描述是:当 document 从 window 中移除时,触发 onunload 事件. 关于 HTML 4.01 规范中 onunload 内在事件说明:http://www.w3.org/TR/html401/interact/scripts.html#adef-onunload . MSDN 中关于 onunload 事件的描述:http://msdn.microsoft.com/en-us/library/ms5369

jquery基础事件

一.常用的事件有:click.dblclick. mousedown.mouseup.mousemove.mouseover.mouseout.change.select.submit.keydown. keypress.keyup.blur.focus.load.resize.scroll.error..... 二.Query 通过.bind()方法来为元素绑定这些事件.可以传递三个参数:bind(type,[data],fn): type 表示一个或多个类型的事件名字符串. [data]是可

jQuery 基础事件

JavaScript 有一个非常重要的功能,就是事件驱动.当页面完全加载后,用户通过鼠标 或键盘触发页面中绑定事件的元素即可触发.jQuery 为开发者更有效率的编写事件行为,封 装了大量有益的事件方法供我们使用. 一.绑定事件 在 JavaScript 课程的学习中,我们掌握了很多使用的事件,常用的事件有:click.dblclick. mousedown.mouseup.mousemove.mouseover.mouseout.change.select.submit.keydown. ke

5、网页制作Dreamweaver(JS的初步运用)

JAVASCRIPT *放在头部也可以读取(最先读取头部) 表单提交时会自动刷新网页,最好关掉 写法: 1.输出 <script> document.write("hello world"); </script> 2.按钮运用 <input name="alert" value="alert"type="button" onclick='alert("这是触发事件")'/>

jQuery基础-事件

只能添加一个处理函数,后面的会覆盖前面 会有兼容性差异 冒泡 会依次检查父元素 截获冒泡 或者 最大的缺陷 并且在IE和NetSpace里面分别为冒泡和捕获两种 多个处理函数 依次执行 捕获--->自己--->冒泡 true 只捕获,不冒泡 false 只冒泡 从父元素的处理事件开始执行 又想捕获又想冒泡怎么办? true和false都写一次 jQuery就处理了很多兼容性的差异 绑定事件 不带其他参数的话,全部事件都会清理掉 原文地址:https://www.cnblogs.com/weiz

Jquery | 基础 | 事件的链式写法

$(".title").click(function () { $(this).addClass("curcol").next(".content").css("display", "block"); }); <!DOCTYPE html> <html> <head> <title>jQuery事件的链式写法</title> <script

网页制作之html基础学习6-CSS浏览器兼容问题

初学html和css时,每天切图,总会遇到很多浏览器兼容性问题.最近一直关注移动平台开发,就html和css来说,不用考虑那么多浏览器兼容性问题.到现在,以至于很多浏览器兼容性几乎忘光了.今天把以前总结的知识拿来分享一下,顺便自己也复习一下.当然,其中肯定有很多不足,望指正啊. 1 ie6.0横向margin加倍 产生因素:块属性.float.有横向margin. 解决方法:display:inline: 2 ie6.0下默认有行高 解决方法:overflow:hidden;或font-size