使用jQuery快速高效制作网页特效-----------------------------之jQuery事件与动画

1.基础事件

分为三个事件

1.1 window事件

所谓window事件,就是当用户执行某些会影响浏览器的操作时,而触发的事件.

1.2 鼠标事件

鼠标事件顾名思义就是当用户在文档上移动或单击鼠标时而产生的事件.

1.click事件:    单击鼠标时触发

$(‘p‘).click(function(){});

2.mouseover事件:

            list.mouseover(function(){
              $(this).css("background","pink");
            });

3.mouseout事件:

            list.mouseout(function(){
              $(this).css("background","");
            });
            

1.3键盘事件

时间: 2024-10-22 02:15:36

使用jQuery快速高效制作网页特效-----------------------------之jQuery事件与动画的相关文章

使用JQuery快速高效制作网页特效1章

JavaScript是一种描述性语言,也是一种基于对象和事件驱动的,并具有安全性能的脚本语言.JavaScript应用程序都要下载到浏览器的客户端执行,从而减轻了服务器端的负担. 特点: 主要用来向HTML页面中添加交互行为. 是一种脚本语言,语法和java类似. 一般用来编写客户端的脚本. 是一种解释性语言,边执行边解释. 1.ECMAScript标准 ECMAScript是一种开放的,国际上广为接受的,标准的脚本语言规范.它不与任何具体的浏览器绑定. 2.浏览器对象模型(BOM),提供了独立

使用JQuery快速高效制作网页交互特效

第二章 JavaScript对象 浏览器对象模型(BOM)是JavaScript的组成之一,window对象是整个BOM的核心 window对象的常用方法 prompt():显示可提示用户输入的对话框 alert():显示一个带有提示信息和一个"确定"的按钮的警示对话框 confirm():显示一个滴啊有提示信息,"确定"和"取消"按钮的对话框 close():关闭浏览器窗口 open():打开一个新的浏览器窗口,加载给定URL制定的文档 set

使用JQuery快速高效制作网页交互特效第二章到第七章

第二章 JavaScript对象 浏览器对象模型(BOM)是JavaScript的组成之一,window对象是整个BOM的核心 window对象的常用方法 prompt():显示可提示用户输入的对话框 alert():显示一个带有提示信息和一个"确定"的按钮的警示对话框 confirm():显示一个滴啊有提示信息,"确定"和"取消"按钮的对话框 close():关闭浏览器窗口 open():打开一个新的浏览器窗口,加载给定URL制定的文档 set

使用jQuery快速高效制作网页交互特效——06 第六章 jQuery选择器

1.jQuery选择器:jQuery选择器类似于CSS选择器,用来选取网页中的元素.       Eg:$("h3").css("background","#09F");            分析:  获取并设置网页中所有<h3>元素的背景   "h3"为选择器语法,必须放在$()中    $("h3")返回jQuery对象           .css()是为jQuery对象设置样式的方法

使用jQuery快速高效制作网页交互特效(3)

引入jquery时 不允许在 引入的这行script标签中完成代码的编写 必须另起一行,再写一个script标签完成程序 window.onload事件触发在jquery加载完毕触发之后 window.onload 在当前页面有且仅能存在1个 $(document).ready(function()//在页面加载完毕时 触发 {  alert("hello jquery!"); }); DOM对象是靠 javascript形式获取的元素(节点)信息 所能用的只有javascript中的

使用jQuery快速高效制作网页交互特效(6)

removeClass() 如果括号中没有参数  移除所有的class属性 var content = $("ul").html(); //获取文本 $("ul").html(text); //对于标签内部的文本替换 var content = $("ul").text(); //获取文本 但是无法获得内部的HTML标签 $("ul").text(text); //替换操作 无法解析HTML标签 就算替换的文本中包含HTML标

使用jQuery快速高效制作网页交互特效(4)

$(function() { $("h1").css("color","#acf"); $("#h1").css("background-color","pink"); //h1标签 并且有一个class属性 值为h1 (交集选择器) $("h1.h1").css("background-color","red"); //div

使用jQuery快速高效制作网页交互特效(5)

//获取点击当前的元素 var text = $(this).html(); keydown 和 keypress 同时触发的 只不过 keypres还针对能打印出字符的按键keyup按键松开时触发 blur 失去焦点 绑定单个事件 bind("事件名",事件内容)$("li").bind("click",function() { alert($(this).html()); }) bindbind({}) 包含大括号事件名 : 事件内容 事件名

使用jQuery快速高效制作网页交互特效(1)

引入外部的js文件   该js文件中 不允许存在<script>标签 //单行注释 /* 多行注释 */ prompt是弹出一个窗口 接受用户的输入  不常用 isNaN  非数字 onclick:鼠标左键 单击事件