* 动画效果 * 在一定的时间内, 不断改变元素样式 * 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,使用最为广泛...
JQuery MiniUI来自开源中国的开源项目,由上海普加软件有限公司版权所有:
学习这个,对于如何设计表格、树形目录,数据库的增删改减以及UI设计的学习很有帮助。
下面来学习其中一个简单示例: 下面给出这部分的完整代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>增加、删除、修改...
最容易混淆的几个概念jQuery对象不等于DOM对象DOM是Document Object Model的缩写,中文是文档对象模型。它是HTML和XML的应用程序接口,DOM将整个页面映射为一个由层次节点组成的文件。
【例1】 <!DOCTYPE html><htmllang="en"><head><title>标准DOM示例</title></head><body><h1>这是一份简单的文档对象模型</h1><ul><li>D表示文档</li><li>O表示对象</li><li>M表示模型</li></ul></body></html>在这棵DOM树中,标签都是标签的子...
jQuery中的事件和动画 jquery中的事件加载DOM两者等价但有细微区别 $(document).ready(function(){//编写代码}) 在DOM完全就绪时就可以被调用。可重复使用简写 $(function(){//...}) 或者 $().ready(function(){//...}) $(window).load(function(){//编写代码}) 是在网页中所有的元素(包括元素的关联文件)完全加载到浏览器后才执行,即JavaScript此时才可以访问网页中的任何元素。会自动覆盖。事件绑定 bind(type[.data].fn); 调...
jQuery学习笔记Day twoChapter two 选择器类选择器语法结构:$(“.classname”) javascript里面没有类选择器所以这个时候使用jQuery会更加的简便 通配选择器语法结构:jQuery(“*”) 例如下列代码就是匹配body里面的所有的元素 <script type="text/javascript"> $(function() { $("*").css("color","red"); alert("hello"); } )</script>注意:在书本上说可以在* 之前加上body表示范围,但是实际操作上会有问...