jquery
1. jquery
它是一个js库,类似于package,经常被引用。
中文文档:http://jquery.cuishifeng.cn/
1.1. 引用方法
常在网页源码文件引用:
<script src="{{url_for('static',filename='js/jquery-3.3.1.min.js')}}"></script>
<script type="text/javascript" language="javascript" src="jquery.js"></script>
1.2. 关于$
$( 'a ') 相当于 document.getElementById( 'a ')
这是用了某些组件后那些组件支持的符号,比如DWR
$其实是一个函数名,就是用来获取部件里面的值 $()= document.getElementById()
$在JS中本身只是一个符号而异,在JS里什么也不是。
但在JS应用库JQUERY的作者将之做为一个自定义函数名了,这个函数是获取指定网页元素的函数,使用非常之频繁,所以好多新手不知道,还以为$是JS的什么特殊语法。
后来,可能有些程序员JQUERY用得多了,发现$这个函数很好用,很方便,所以,在不用JQUERY的情况,一般自己也会自定义一个$函数。
即:
在jquery中它的代码是:
function( selector, context ) { // The jQuery object is actually just the init constructor 'enhanced' // Need init if jQuery is called (just allow error to be thrown if not included) return new jQuery.fn.init( selector, context ); }
作用是选择一个元素,$(“.name”)为类选择器,$(“id”)为id选择
1.3. 关于ready()
ready(fn)
概述:
当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度。
简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数,而99.99%的JavaScript函数都需要在那一刻执行。
有一个参数--对jQuery函数的引用--会传递到这个ready事件处理函数中。可以给这个参数任意起一个名字,并因此可以不再担心命名冲突而放心地使用$别名。
请确保在 <body> 元素的onload事件中没有注册函数,否则不会触发+$(document).ready()事件。
可以在同一个页面中无限次地使用$(document).ready()事件。其中注册的函数会按照(代码中的)先后顺序依次执行。
参数
fn Function V1.0
要在DOM就绪时执行的函数
示例:在DOM加载完成时运行的代码,可以这样写
$(document).ready(function(){
// 在这里写你的代码...
});
1.4. each()
each(callback)
概述
以每一个匹配的元素作为上下文来执行一个函数。
意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整型)。 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。
示例代码:
$("img").each(function(i){
this.src = "test" + i + ".jpg";
});
jUl.children('li').each(function(i, xLi){
console.log(i,xLi);
return False
var jLi=$(xLi), xItem={};
});
i为each赋予的一个int序列数,从0开始,第二个参数为迭代对象