对于我这个半路出家的前端，使用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表示范围，但是实际操作上会有问...
操作环境：OS：win7-64bit，brower:chrome
今天在学习jquery的ajax请求时碰到一个问题，当使用jquery中的load()函数访问一个跨站资源（不是相同域名和端口即属于跨站）时，如果直接访问该资源会出现无法加载的情况。例如有如下代码: 1 <!-- AJAX1-->2 <!doctype html>3 <html>4 <head>5 <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />6 <script type="text/javascript" src="http://ajax.googleapis....
JQ与JS的关系：可以共存，不可混用。jq源码，源生JS面向对象写的 JQ写法链式操作 $(‘#div’).html(‘hello’).css().click()赋值取值合体 .html(‘hello’)赋值，html()取值 当一组元素的时候，取值是一组当中的第一个，赋值是一组中的所有元素 $() 可以选择元素，充当window.onload JQ的写法$(document).ready()，还可以创建节点$(‘<div>‘)$() 等dom加载完就执行，性能好些，相等于$(document).ready(function(){})window.onl...
1 each: function(callback, args) {2return jQuery.each(this, callback, args);3},each:这个调用了jQuery.each方法，来遍历当前集合。我们先来看看jQuery.each方法://args是一个数组
each: function(obj, callback, args) {var value,i = 0,length = obj.length,isArray = isArraylike(obj);if (args) {if (isArray) {//如果遍历的目标是数组那么就按照下标遍历元素for (; i < length; i++) {value = callback.apply(obj[i], arg...
一．加载请求在 Ajax 异步发送请求时，遇到网速较慢的情况，就会出现请求时间较长的问题。而超 过一定时间的请求，用户就会变得不再耐烦而关闭页面。而如果在请求期间能给用户一些提 示，比如：正在努力加载中...，那么相同的请求时间会让用户体验更加的好一些。jQuery 提供了两个全局事件，.ajaxStart()和.ajaxStop()。这两个全局事件，只要用户触发 了 Ajax，请求开始时（未完成其他请求）激活.ajaxStart()，请求结束时（所有请求...
效果图： js代码 <script type="text/javaScript"> $(function(){ $(".msg_caption span").click(function(){ //当文档加载完毕后，为所有的<span>元素绑定单击事件 var thisEle = $("#para").css("font-size"); //获取ID为“para”元素的大小 var textFontSize = parseFloat(thisEle , 10);//或许返回值用parseFloat（）方法去掉单位，第二个值表示10进制 var...
在浏览导航栏添加所需按钮