来自 服务器&运维 2019-12-04 16:28 的文章
当前位置: 澳门威尼斯人平台 > 服务器&运维 > 正文

jQuery中$;问题详解_jquery_脚本之家

通过它,你可以遍历对象、数组的属性值并进行处理。

$ 里的代码是在页面内容都加载完才执行的,如果把代码直接写到script标签里,当页面加载完这个script标签就会执行里边的代码了,此时如果你标签里执行的代码调用了当前还没加载过来的代码或者dom,那么就会报错,当然如果你把script标签放到页面最后面那么就没问题了,此时和ready效果一样。

学习jQuery的第一件事是:如果你想要一个事件运行在你的页面上,你必须在$里调用这个事件。所有包括在$里面的元素或事件都将会在DOM完成加载之后立即加载,并且在页面内容加载之前。 If you want an event to work on your page, you should call it inside the $ function. Everything inside it will load as soon as theDOM is loaded and before the page contents are loaded. 复制代码 代码如下: $.ready { // put all your jQuery goodness in here. }); 有很多方法可以确保事件在页面上正常工作,$比其它方法要更有优势。首先,你不必在HTML上放置任何“ 行为性的”标记。另外,你可以将JavaScript/jQuery写入一个独立的js文件,这样既容易维护,又保证了js与页面内容的隔离。如果你在浏览网页时更加细心,你就会常常看见这种情况:当你将鼠标悬停在一个连接时,有时状态栏中会在显示“javascript:void()”这样的消息。这就是你把一个事件直接放在标签里所造成的。 在一些使用traditional JavaScript的页面,你会在标签中看见“onload”属性。这会导致一个问题:它限定了在body上只能有一个函数事件。是的,因为它又往内容中添加的“行为性的”标签。如果你想解决这个问题,请参考Jeremy Keith的书:DOM Scripting,里面讲述了如何在一个单独的js文件里创建一个 “addLoadEvent” 函数,它允许多个函数可以在body里被加载。但是这种方法需要为本来很简单的问题编写相当数量的代码,另外,这种方法是在加载window时触发这些事件的,这不得不让我再一次想起 $的好处。 使用 $,你能让你的事件在window加载之前加载或触发。所有你写在这个方法里面的都准备在最早的时刻加载或触发。也就是说,一旦DOM在浏览器中注册后,$里的代码就开始执行。这样用户在第一眼看见页面元素时,特效就可以运行了。

当我们用javascript写ajax程序写得很“开心”的时候,突然有人告诉你有一种东西叫jquery,它会告诉你不直接和HttpRequest是多么的快乐,同时你再也不需要再烦恼纠结的ajax乱码问题,更幸福的是你的js代码将大大地简化,看完本文,你会发现,ajax,简单的来讲就是一句话的事情。

each函数根据参数的类型实现的效果不完全一致:

$.ready可以简写成$;

1、$.get

$.each(Object, function { this; //这里的this指向每次遍历中Object的当前属性值 p1; p2; //访问附加参数}, ['参数1', '参数2']);

$.each(Array, function{ this; //这里的this指向每次遍历中Array的当前元素 p1; p2; //访问附加参数}, ['参数1', '参数2']);

$.each(Object, function { this; //this指向当前属性的值 name; //name表示Object当前属性的名称 value; //value表示Object当前属性的值});

$.each(Array, function { this; //this指向当前元素 i; //i表示Array当前下标 value; //value表示Array当前元素});

点击段落后,此段落隐藏:

$.get()方法使用GET方式来进行异步请求,它的语法结构为:

下面提一下jQuery的each方法的几种常用的用法

$.ready.click.hide; If you click on me, I will disappear. 

$.get( url [, data] [, callback] )

var arr = [ "one", "two", "three", "four"]; $.each{ alert; //上面这个each输出的结果分别为:one,two,three,four var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]] $.each(arr1, function{ alert; //其实arr1为一个二维数组,item相当于取每一个一维数组, //item[0]相对于取每一个一维数组里的第一个值 //所以上面这个each输出分别为:1 4 7 var obj = { one:1, two:2, three:3, four:4}; $.each(obj, function { alert; //这个each就有更厉害了,能循环每一个属性 //输出结果为:1 2 3 4

如果把$.ready;去掉后,无法隐藏段落:

解释一下这个函数的各个参数:

本文就先到这里了,简单描述下jQuery中。$.each的使用方法,希望小伙伴们能够喜欢。

 ${ $; If you click on me, I will disappear. 

url:string类型,ajax请求的地址。

但是把script放到页面最后的话,就可恢复隐藏效果:

data:可选参数,object类型,发送至服务器的key/value数据会作为QueryString附加到请求URL中。

本文由澳门威尼斯人平台发布于服务器&运维,转载请注明出处:jQuery中$;问题详解_jquery_脚本之家

关键词: