刚开始接触JQuery是在大三的时候,那时候先学的Javascript,然后跳跃到JQuery,就一个字,爽.但因为之前用的不是太多,所以很多都忘了,直接导致的后果就是之前在一家公司面试,面试官问我要把一个表格的奇数行和偶数行的背景设置成不同的颜色,我当时的答案是挨个循环,然后判断是奇数行还是偶数行,并加上需要加的背景.的确,这样也是可以实现的,但是如果熟悉JQuery的话,就2行代码,一行even(),一行odd()就可以很好的解决了.现在在一家做电子商务/移动互联网的公司工作,难免经常要用到…
jQuery 是一个快速.简洁的JavaScript框架,它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作.事件处理.动画设计和Ajax交互. 特点: 具有独特的链式语法和短小清晰的多功能接口: 具有高效灵活的css选择器,并且可对CSS选择器进行扩展: 拥有便捷的插件扩展机制和丰富的插件. 兼容各种主流浏览器, 选择器       $ id           -- $( " #div1 ") class      -- $(…
jQuery选择器和css一样,但兼容性更好 <body> <p>p1</p> <p>p1</p> <p>p1</p> <div id="box"> <p>p2</p> <p>p2</p> <p>p2</p> <div> <p>p3</p> <p>p3</p>…
众所周知,页面在加载时,会触发load事件:当用户单击某个按钮时,会触发该按钮的click事件. 这些事件就像日常生活中,人们按下开关,灯就亮了(或者灭了),往游戏机里投入游戏币就可以启动游戏一样, 通过种种事件实现各项功能或执行某项操作.事件在元素对象与功能代码中起着重要的桥梁作用. 在jQuery中,事件总体分为两大类:简单事件和复合事件. jQuery中的简单事件,与JavaScript中的事件几乎一样,都含有window事件.鼠标事件.键盘事件.表单事件等, 只是其对应的方法名称有略微不…
第4章 jQuery中的事件和动画 jQuery中的事件 加载DOM $(document).ready(function(){   // 编写代码... }); 可以简写成: $(function(){   // 编写代码... }); $(document).ready()方法的执行时机是在网页中所有DOM结构绘制完毕后就执行,可能此时DOM元素关联的东西(比如图片)并没有加载完. $(document).ready()方法能同时编写多个,每次调用$(document).ready()方法都…
js总结 js: 1.ECMAScript5 ES5语法 2.DOM CRUD 获取 3种方式 id tag className //面向对象 对象 : 属性和方法 某个对象中 function $(id){ return document.getElementById(id) } 事件操作 3.BOM user-Agent location.pathname location.href 一.jQuery的介绍 1.为什么要使用jQuery 在用js写代码时,会遇到一些问题: window.on…
一.JQuery基础选择器 1.基本选择器(CSS选择器) 2.$()中的()不一定是指定元素,也可能是函数. 3.“*”号选择器,它的功能是获取页面中的全部元素:$(“*”). 由于使用*选择器获取的是全部元素,因此,有些浏览器将会比较缓慢,这个选择器也需要谨慎使用. 4.sele1,sele2,seleN选择器,同时选中多个元素. 5.层次选择器 ①.$("ance desc")其中ance desc是使用空格隔开的两个参数.ance参数(ancestor祖先的简写)表示父元素:d…
1.jQuery与DOM互相转换 jQuery入库函数:$(document).ready(function(){}) $(function(){}) $(“#btn”):jQuery存储的是DOM对象,相当于数组可以通过[ ]取出具有相同标记的DOM对象 jQuery对象转换为DOM对象:$(“#btn”)[0]  或者  $(“#btn”).get(0),0表示索引号 var btn=document.getElementById(“btn”); DOM对象转换为jQuery对象:$(btn…
jQuery 的选择器常用的元素查找方法 基本选择器: $("#myELement")    选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div")           选择所有的div标签元素,返回div元素数组 $(".myClass")      选择使用myClass类的css的所有元素 $("*")             选择文档中…
css操作(设置单个/多个样式.获取样式) //修改单个属性:括号之中直接是需要修改的样式名,值 css(name,value) //例:$("#one").css("backgroundColor","gray"); //修改多个属性:括号之中是一个对象css(obj)   //  例:  $("#one").css({ //           "background":"gray"…