.html()用为读取和修改元素的HTML标签.text()用来读取或修改元素的纯文本内容.val()用来读取或修改表单元素的value值。这三个方法功能上的对比.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的HTML内容（包括其Html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上...
在学习jQuery选择器之前，有必要先了解一下css选择器，首先要明确一个新手容易混淆的概念：css选择器与jQuery选择器是两个不同的概念，正如DOM对象与jQuery对象（jQuery对象是通过jQuery包装DOM对象后所产生的的对象，无法使用DOM对象的任何方法）也是两个不同的概念。常用的css选择器有标签选择器、ID选择器、类选择器、群组选择器、后代选择器、通配选择器等。 jQuery选择器完全继承了CSS的风格，可以方便快捷的找出特定的DOM...
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);获取文档滚动距离...