jquery 的几种写法和常见问题

为了理解页面初始化事件的编写和执行方式,特此记录下页面加载事件的语句方式:

//最简单的加载事件语句

$(function(){

alert("这个提示框最先弹出")//这个用的最常见,它加载页面的时候只要调用就可以加载,不必等到页面上所有的 东西全部加载完毕才执行js函数

});

//也可以这样写

jQuery(function(){

alert("这个提示框最先弹出")

});

//完整的页面加载事件语法

$(document).ready(function(){

alert("这个提示框会按定义的次序再前一个对话框之后弹出")

});

//简写,全局加载

$().ready(function(){

alert("简单的页面加载事件的写法");

});

//

jQuery().ready(function(){

alert("这个对话框会最后弹出来");

});

window.onload == function(){

alert("此方法会在整个页面加载完成后包括图片,标签全部显示才执行这个方法");

}

$("input")和$(":input")这2个选择器有什么区别?

  • $("input"):是标签选择器,是选择页面中所有的input元素
  • $(":input")是表单选择器,选择表单中的select,button,textarea,input
时间: 2024-10-02 05:16:19

jquery 的几种写法和常见问题的相关文章

可拖动弹窗的JS和jQuery两种写法

最近在慕课网上学习了一个网页可拖动对话框js实现的演示视频,这个demo中的例子是百度首页登录按钮的弹窗,如下图: 当点击左上角的登录按钮时,弹窗出现并自动居中,同时窗口可拖动的范围被限制在了可视区域内,即浏览器视窗的上下左右边界,弹窗无法移出移动出四个边界,也不会出现滚动条. 另一个效果就是,当改变窗口大小时,对话框自动居中. 这个视频中用了原生js,jQuery两种写法实现案例,但本质上,对话框居中,限制拖动范围的的计算思路是一致的. 为了简化页面,总结核心思路,我重新写了一个小demo,界

jQuery文档加载完毕的几种写法

1 <!DOCTYPE html> 2 <HTML lang="zh-CN"> 3 <HEAD> 4 <meta charset="utf-8"> 5 <TITLE>jQuery文档加载完毕的几种写法</TITLE> 6 </HEAD> 7 8 <body style=" overflow-y:scroll;overflow-x:auto;"> 9 &

jquery 在页面中三种写法

jQuery 分 2 个系列版本 1.x 与 2.x,主要的区别在于 2.x 不再兼容 IE6.7.8浏览器,这样做的目的是为了兼容移动端开发.由于减少了一些代码,使得该版本比 jQuery 1.x 更小.更快.如果开发者比较在意老版本 IE 用户,只能使用 jQuery 1.9 及之前的版本了.jQuery是一个JavaScript脚本库,不需要特别的安装,只需要我们在页面 <head> 标签内中,通过 script 标签引入 jQuery 库即可. 1 <script type=&q

jquery写插件的几种写法总结(持续补充中)

1:jQuery.fn.extend(object);  给jQuery对象添加方法. js封装文件示例 $.fn.extend({ alertWhileClick:function(){ $(this).click(function(){ alert($(this).val()); }); } }); HTML中的js调用 $(“#input1″).alertWhileClick(); HTML代码 <input id=”input1″ type=”text”/> 2:jQuery.exte

jQuery入口函数四种写法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>04-jQuery入口函数的其它写法</title> <script src="js/jquery-1.12.4.js"></script> <script> // 1.第一种写法 $(document

jquery插件开发三种方法

1.好像之前看视频记录下来的,不记得了. 1 //类级别插件开发,主要是在jQuery中定义全局方法: 2 3 //第一种写法 4 jQuery.myFunc = function(str){ 5 alert("直接在jquery中定义方法",str) 6 } 7 //调用方式 $.myFunc("hello!"); 8 9 //第二种写法 10 jQuery.extend({ 11 myFunc:function(str){ 12 alert("exte

tab标签页四种写法

html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> <meta name="apple-mobile-we

在JavaScript中创建命名空间的几种写法

在JavaScript中全局变量经常会引起命名冲突,甚至有时侯重写变量也不是按照你想像中的顺序来的,可以看看下面的例子: var sayHello = function() { return 'Hello var'; }; function sayHello(name) { return 'Hello function'; }; sayHello(); 最终的输出为 > "Hello var" 为什么会这样,根据 StackOverFlow 的解释,实际上JavaScript的是

jQuery的三种bind/One/Live/On事件绑定使用方法

本篇文章介绍了,关于jQuery新的事件绑定机制on()的使用技巧.需要的朋友参考下 今天浏览jQuery的deprecated列表,发现live()和die()在里面了,赶紧看了一下,发现从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定.因为在此之前有bind(), live(), delegate()等方法来处理事件绑定,jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法. on(eve