JS 中的 window.onload() 方法与 Jquery 中的 $(document).read(function( ){ }) 的区别 :加载时机不一样, window.onload()要等所有文件都加载完毕 ( js , css 文件 , 以及图片资源 ) , 而 Jquery 的方法只需要等 DOM 树形成即可 ; $(document).read(function( ){ }) 可简写为 $(function( ) { }) ; $(document).read(function( ){ }) 可以绑定多个函数, 而 window.onload() 只有这一个事件 . Jquery 中两个合成事件: hover ...
1.获取jQuery mobile 文件，访问jQuerymobile网站下载（貌似使用jquery mobile后，jquery会自动在网页中添加一些class类，第一次知道的我是被吓呆的！！）2.需要使用数据属性，数据属性是HTML5引入的，以data-开头比如data-role可以用于定义页眉，页脚，内容，页面等data-role="page" 是在浏览器中显示的页面。data-role="header" 是在页面顶部创建的工具条 (通常用于标题或者搜索按钮)data-role="main" 定义了页面的内容，比如文本...
<head><title></title><script src="jquery-1.4.2.js" type="text/javascript"></script><script type="text/javascript">$(function() {//alert($("div").text());//对数组元素使用匿名函数进行逐个处理。$("div").each(function(key, value) {//alert(key+value);// alert($(value).text());alert(this.innerHTML);});//this表示当前遍历的dom元素$("div").each(function() {alert($(this).text());});});</scrip...
2016.05.09幂等 （idempotent、idempotence）是一个数学或计算机学概念，常见于抽象代数中。 幂等有以下几种定义：对于单目运算，如果一个运算对于在范围内的所有的一个数多次进行该运算所得的结果和进行一次该运算所得的结果是一样的，那么我们就称该运算是幂等的。比如绝对值运算就是一个例子，在实数集中，有abs(a) =abs(abs(a)) 。 对于双目运算，则要求当参与运算的两个值是等值的情况下，如果满足运算结果与参与运算...
* 动画效果 * 在一定的时间内, 不断改变元素样式 * slideDown()/slideUp()/slideToggle() * fadeOut()/fadeIn()/fadeToggle() * show()/hide()/toggle() * animate({结束时的样式}, time, fun) * stop() * 插件机制 * 扩展jQuery函数对象的方法 $.extend({ xxx: fuction () {} // this是$ }) $.xxx() * 扩展jQuery对象的方法 $.fn.extend({ xxx: function(){} // this是jQuery对象 }) $obj.x...
JQuery第一章：Jquery概念介绍1.1 Jquery介绍（1）并不是一门新语言。将常用的、复杂的操作进行函数化封装，直接调用，大大降低了使用JavaScript的难度，改变了使用JavaScript的习惯。（2）常用插件网站：www.jq22.com（3）导入jquery插件两种方法：1、网上插件： <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>2、官网下载，本地导入： <script src="js/jquery-3.3.1.js" type="text/javascript" charset=...
1.one()与bind()的区别bind（）:给一个对象绑定事件，可以绑定一个事件，也可以绑定多个事件。one():跟bind一样，都是给对象绑定事件的。如给一个按钮绑定了三个相同的click事件，第单击一次按钮就会执行三个相同的事件，但是one（）不一样，它只会在最开始的一次执行，然后后面无论你在单击多少次按钮，都不会执行了。2.模拟事件 trigger() $(".btn").trigger("click");-----当页面加载完后就会立即执行click事件。当然也可以...
在jQuery中 $()方法等价于jQuery()方法,前者比较常用，是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。parent > child选择器的范围，它所选择的目标是子集元素，相当于一个家庭中的子辈们，但不包括孙辈，它的调用格式：$(“parent > child”)，child参数获取的元素都是parent选择器的子元素，它们之间通过“>”符号来表示一种层次关系。prev + next选择器就可以查找与“prev”元素紧邻的下一个“next”元素，...
// 扩展的实用功能
jQuery.extend({// http://www.w3school.com.cn/jquery/core_noconflict.asp// 释放$的 jQuery 控制权// 很多 JavaScript 库使用 $ 作为函数或变量名，jQuery 也一样。// 在 jQuery 中，$ 仅仅是 jQuery 的别名，因此即使不使用 $ 也能保证全部功能性。// 假如我们须要使用 jQuery 之外的还有一 JavaScript 库，我们能够通过调用 $.noConflict() 向该库返回控制权。// 通过向该方法传递參数 true，我们能够将 $ ...
对于我这个半路出家的前端，使用jquery已经很长时间了，对于选择器，一直都局限在id，class，element选择器。每次写一个元素都得想一个id，一个页面写下来想id名都想的累的慌。最近手头项目比较多，头晕脑胀的，遂决定每天下班回去还是得学学jquery的其它强大选择器，边学边做点笔记吧。一、伪选择器:first / :last匹配找到的第一个/最后一个子元素:first-child / :last-child匹配第一个/最后一个元素笔记：这两组是最先让我分不清...
代码风格 在jQuery程序中，不管是页面元素的选择、内置的功能函数，都是美元符号“$”来起始的。而这个“$”就是jQuery当中最重要且独有的对象：jQuery对象，所以我们在页面元素选择或执行功能函数的时候可以这么写： $(function () {}); //执行一个匿名函数 $(‘#box’);//进行执行的ID元素选择 $(‘#box’).css(‘color’, ‘red’);//执行功能函数由于$本身就是jQuery对象的缩写形式，那么也就是说上面的三段代码...
each遍历JQueryObjectArray.each(function(index,Element))复制$(".myTable").each(function(i,ele){//使用模板函数//这里的ele是一个DOM对象，要想使用jQuery对象，可以这样写$(this)//function里面的i和ele两个参数，根据实际情况填console.log(`${i}: ele.innerText`);
});toFixed(2) 保留2位小数数组map拼接数组调用map，会自动拼接成一个字符串复制 $.getJSON(‘json_data.html‘, {name1: ‘参数值‘, name2: ‘value2‘}, f...
获取元素相对于文档的偏移量获取当前元素相对于父级元素的偏移量获取文档滚动距离获取元素的宽度和高度设置元素的宽度和高度获取可视区域的宽度和高度获取文档的宽度和高度获取元素相对于文档的偏移量 var pos = $('#small').offset(); console.log(pos.left);console.log(pos.top);获取当前元素相对于父级元素的偏移量 var l = $('#small').position().left;var t = $('#small').position().top;console.log(l,t);获取文档滚动距离...
jQuery中操纵元素属性的方法:attr(): 读或者写匹配元素的属性值.removeAttr(): 从匹配的元素中移除指定的属性. attr()方法 读操作attr()读操作. 读取的是匹配元素中第一个元素的指定属性值. 格式: .attr(attributeName),返回值类型:String.读取不存在的属性会返回undefined. 注意选择器的选择结果可能是一个集合,这里仅仅获取的是集合中第一个元素的该属性值. 看例子:<!DOCTYPE html><html><head><script type="text/ja...
JQuery基础1.概念：快速简洁的Javascript框架，简化js开发jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的 JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less， Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。2.快速入门1.版本问题1.x 兼容ie678，使用最为广泛...