当前位置 : 首页 » 文章分类 :  开发  »  jQuery

jQuery

jQuery学习笔记


图片轮播插件Slick

slick
https://github.com/kenwheeler/slick

演示地址、使用方法
http://kenwheeler.github.io/slick/

jquery旋转木马插件SLICK
http://www.jq22.com/jquery-info406


获取元素值

一般可以用原生js及jQuery获取html元素的值。
例如
<div id="test">数值</div>
原生js写法:
alert(document.getElementById('test').innerHTML);//数值
jQuery写法:
alert($('#test').html());//数值
说明:
innerHTML是取元素的内部html代码,此例中即div内部的所有html代码
html()方法作用也是取dom节点的内部html内容,是jQuery中的函数方法


$(window).load(function(){})$(document).ready(function(){})的区别

在JavaScript中

window.onload = function(){
  alert(“text1”);
};

等同于在jQuery中

$(window).load(function(){
    alert("text1");
});

他们都是用于当页面的所有元素,包括外部引用文件,图片等都加载完毕时运行函数内的alert函数。load方法只能执行一次,如果在js文件里写了多个,只能执行最后一个。(初学者常常在页面结构里对元素直接写行为函数,这样是很丑陋的,可以用选择器等,在js代码里对元素进行行为控制。)

在jquery中

$(document).ready(function(){
    alert("text2");
});

等同于(简化写法)

$(function(){
    alert("text2");
});

等同于JavaScript中的:

document.ready=function(){
 alert("ready");
}

他们都是用于当页面的标准DOM元素被解析成DOM树后就执行内部alert函数。这个函数是可以在js文件里多次编写的,对于多人共同编写的js就有很大的优势,因为所有行为函数都会执行到。而且$(document).ready()函数在HMTL结构加载完后就可以执行,不需要等大型文件加载或者不存在的连接等耗时工作完成才执行,效率高。
当然 也要根据项目需求来使用,比如有时候有些时候图片或者重要信息没出来,会对用户操作产生误导,或者需要等获取某些图片高宽数据后再执行的行为函数,就得使用window.onload了。


上一篇 Redis

下一篇 2017年第三季度运动记录

阅读
514
阅读预计2分钟
创建日期 2017-07-01
修改日期 2018-06-22
类别
百度推荐