JavaScript总结模板

最新推荐文章于 2022-01-05 09:47:37 发布

原创最新推荐文章于 2022-01-05 09:47:37 发布 · 206 阅读

CC 4.0 BY-SA版权

这篇博客详细介绍了JavaScript中的一些核心函数，包括$(document).ready()用于确保代码在DOM加载完成后再执行，toggle(fn,fn,...)函数实现元素点击的交替效果，hover(over,out)用于处理元素的悬停状态变化，blur(fn)在元素失去焦点时触发，change(fn)在元素值改变或失去焦点时触发，click(fn)响应元素的单击事件，dblclick(fn)捕获双击事件，以及focus(fn)在元素获取焦点时执行的函数。这些函数在实际网页交互中非常常见且实用。" 128317248,16882642,二叉排序树与堆排序的C++实现及顺序栈,"['数据结构', '算法', 'C++']

$document).ready(function(){ // 在这里写你的代码...}); 注: a. ready(fn)与window.load注册事件类似。所有得确保在 <body> 元素的onload事件中没有注册函数，否则不会触发$ (document).ready()事件。
b.可以在同一个页面中多次使用$(document).ready()事件，将先后顺序依次执行。

2.toggle(fn,fn,…)函数
函数说明：如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数，如果有更多函数，则再次触发，直到最后一个。随后的每次点击都重复对这几个函数的轮番调用。（在改变样式是很有用）例: div1为

$("#div1").toggle(
function () {

KaTeX parse error: Expected 'EOF', got '}' at position 30: \dotss("selected"); }̲, function () {

(this).removeClass(“selected”);});

3.hover(over,out)函数函数说明：

当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定第二个函数。例：
$("$ div1").hover(
function () {
$(this).addClass(“selected”);},
function () {
$(this).removeClass(“selected”); });

4.blur(fn)函数函数说明：
blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的。
例：

$("#Text1").blur( function () { alert(“Hello World!”); } );

5.change(fn)函数
函数说明：
change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。和

blur(fn)函数类似例：

$("#Text1").change( function () { alert(“Hello World!”); } );

6.click(fn)函数
函数说明：
      点击事件会在你的指针设备的按钮在元素上单击时触发。单击的定义是在屏幕的同一点触发了mousedown和mouseup.几个事件触发的顺序是：
     mousedown—>mouseup—>click
例：

     $("#Button1").click( function () { alert(“Hello World!”); });

7.dblclick(fn)函数
函数说明：
鼠标双击事件。例：
$("#Button1").dblclick( function () { alert(“Hello World!”); });

8.focus(fn)函数
函数说明：得到焦点时触发。与blur(fn)函数对应。
例：

$(“input[type=text]”).focus(function(){
alert(“Hello World!”); });