jquery基础知识汇总 一.简介 定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库.源码戳这 jQuery对象 jQuery产生的对象时jQuery独有的,只能自己调用 书写规则 支持链式操作: 在变量前加"$"符号(var $variable = jQuery 对象): 注:此规定并不是强制要求. 二.寻找元素 选择器 基本选择器.层级选择器.属性选择器  与CSS类似,这里不再细说,…
一.jQuery对象与JavaScript对象 ①JavaScript入口函数比jQuery入口函数执行的晚一些: JQuery的入口函数会等页面加载完成才执行,但是不会等待图片的加载: JavaScript入口函数需要等待页面加载和图片加载完成才执行: JavaScript入口函数:window.onload = function(){}: JQuery入口函数:①$(document).ready(function(){});    ②$(function(){}); ②JQuery对象与D…
本帖最后由 断天涯大虾 于 2016-12-26 10:22 编辑<ignore_js_op> jQuery是什么? jQuery是javascript编写一个可重用的JavaScript库. 不使用jQuery设置UI文本的JavaScript代码如下: document.getElementById("txt1").value = "hello"; 复制代码 用jQuery类库后的的JavaScript代码如下: $("#txt1"…
学习完了JQuery之后.我便感觉云里雾里的,JQuery究竟是什么.朦朦胧胧感觉到JQuery应该是javascript函数的封装.就应该像WinForm窗口应用程序中能够调用的系统函数,据之前所学的javascript.知道JavaScript是一种镶嵌在HTML文档中的一种脚本语言. <body> <formid="form1" name="form1" method="post" > <label for=&…
jQuery 选择器 选择器                  实例                                   选取 *                          $("*")                                 所有元素 #id                        $("#lastname")                     id="lastname" 的元素 .c…
1.  jQuery基本概念介绍             1.1 什么是jQuery 一个javascript库,把常用方法写到一个js文件中,需要的时候直接调用即可 学习jQuery就是学习一些方法             1.2 为什么要学习jQuery write less do more             1.3 jQuery的使用 a.引包     b.入口函数     c.实现功能             1.4 版本介绍 3个版本 1.x      2.x     3.x 其…
Jquery:小知识: jQuery学习笔记(二):this相关问题及选择器   上一节的遗留问题,关于this的相关问题,先来解决一下. this的相关问题 this指代的是什么 这个应该是比较好理解的,this就是指代当前操作的DOM对象. 在jQuery中,this可以用于单个对象,也可以用于多个对象. $('btn').click(function(){ alert(this.innerHTML); // 单个对象,this指代当前id为btn的DOM对象 }); $('div').ea…
jQuery自带的一些常用方法总结 这篇文章主要介绍了jQuery自带的一些常用方法总结,包括$.trim .$.contains.$.each.$.map.$.inArray.$.extend等,需要的朋友可以参考下 本身方法($.each,$.map,$.contains,$ajax) 常用工具方法 ()$.trim $.trim方法用于移除字符串头部和尾部多余的空格. 复制代码 代码如下: $.trim(' Hello ') // Hello ()$.contains $.contains…
这周没事,优化线上项目,因为前端都在赶项目,我又若菜.于是前端数据展示也要自己来.看javascript看到吐,决定梳理一下Jquery基础知识.敲黑板) 闲扯结束,进入正题. 选择器 介绍 jquery可以通过元素选择器和属性选择器通过签名,属性名或者内容对html元素进行选择 元素选择器 使用css选择器来选取html元素 $("p") //选取 元素 $("p.intro") //选取所有class=intro的 元素 $("p#demo"…
jQuery数组处理汇总   有段时间没写什么了, 打算把jquery中的比较常用的数组处理方法汇总一下 $.each(array, [callback])遍历,很常用 1 2 3 4 5 6 7 8 var arr = ['javascript', 'php', 'java', 'c++', 'c#', 'perl', 'vb', 'html', 'css', 'objective-c']; $.each(arr, function(key, val) {     // firebug con…
在w3school学习了jQuery,觉得看了一遍,代码敲了一遍,大概的知识点记住了,不过觉得还是把这些知识点,放到一张图上,形成自己的jQuery的知识体系.能做到,一看到jQuery,脑海就浮现jQuery整个的知识体系框架来.…
JQuery基础知识(1) 对JQuery学习中遇到的小细节进行了整理和总结 1.JQuery hide()和show()方法,分别对选中的元素进行隐藏和显示,语法:hide()和show分别有对应的参数,即hide(speed);隐藏的速度进行了限定.hide(1000)/show(1000); 2.JQuery toggle()方法用来切换hide()和show();可以用speed参数进行控制显示和隐藏的速度. JQuery的淡入淡出 1.JQuery fadeIn();此方法可以携带不同…
JQuery基础知识(2) JQuery滑动效果 1. JQuery slideDown(); 语法: $(selector).slideDown(speed,callback); 可选的 speed 参数规定效果的时长.它可以取以下值:"slow"."fast" 或毫秒. 可选的 callback 参数是滑动完成后所执行的函数名称. 2.JQuery slideUp();用于向上滑动元素 语法: $(selector).slideUp(speed,callback…
jquery 就对javascript的一个扩展,封装,就是让javascript更好用,更简单.人家怎么说的来着,jquery就是要用更少的代码,漂亮的完成更多的功能.JavaScript 与JQuery 常用方法比较 1.加载DOM区别 JavaScript: window.onload function first(){ alert('first'); } function second(){ alert('second'); } window.onload = first; window…
jQuery基础知识 jQuery需要引入一个js文件,并且这个文件在所有js代码之前(包括引入的其他js文件) 基础操作(对比js): 1.找标签: js:document.getElement.. jquery:$(选择器); //有引号:标签名.#id..class 比如:$("input:checked")--找到所有复选框 jquery对象和js对象转换: jquery  ==> js:$('.add').get(0)  或者  $('.add')[0]; 0不是下标:…
JQuery基本知识(3) 一.JQuery拥有可操作HTML元素和属性的强大方法. 1.JQuery DOM操作(DOM文档对象模型) 获取内容的方法: text():设置或返回所选元素的文本内容 html():设置或返回所选元素的内容(包括HTML标记) val():设置或返回表单字段的值. attr():获取标签的属性值 它们有各自对应的回调函数 <!DOCTYPE html> <html> <head> <meta charset="UTF-8&…
jQuery常用知识总结 简介 选择器 属性操作 jQuery() each event事件 jQuery扩展 一.简介 What is jQuery jQuery is fast small and feature-rich JS's libarary; 它兼容多个浏览器 syntax jQuery $(selector).action() 二.选择器 selector basic selector $("*")                    id 选择器 $("#…
1 encodeURIComponent(city)处理js传值乱码问题 2 总体概述 以后项目如果没有特殊情况,一般采用jQuery作为最基础的公共底层库. 另外对于前端的javascript相关的知识还是需要有所了解,可以加深对框架的理解 3 jQuery相关知识点介绍 以下功能方面的描述都是基于jQuery1.8.0 3.1 浏览器类型的判断 早版本的jQuery提供jQuery.browser,jQuery.browser.version这两个特性来判断浏览器的类型和版本,但是从jQue…
一. 代码风格在jQuery程序中,不管是页面元素的选择.内置的功能函数,都是美元符号"$"来起始的.而这个"$"就是jQuery当中最重要且独有的对象:jQuery对象,所以我们在页面元素选择或执行功能函数的时候可以这么写:$(function () {}); //执行一个匿名函数$('#box'); //进行执行的ID元素选择$('#box').css('color', 'red'); //执行功能函数由于$本身就是jQuery对象的缩写形式,那么也就是说上面的…
jquery是一个js库/常用版本是jjquery-1.7.2.js/这个版本主要是用来做开放用途 做产品的时候是用它的min版本.玩jquery的时候,不管干啥都要花钱(美元)   注意点: 1.silbings('input');除了发生事件的那个元素的其他同级input兄弟元素 注意silblings要加上s   2.jquery无法获取当前时间   3.jquery对象和js对象混合操作的问题(阅读书籍解决)   4.innerHTML=html(内容);   5.is(":checke…
1.jQuery Object 和 原生的DOM对象之间有许多方法是不一样的,用jQuery的方法大部分情况下返回的是jQuery Object,但是jQuery也提供了一些方法可以很轻松的获取原生的DOM对象. 先来看:获取jQuery Object之一, // Selecting only the first <h1> element on the page (in a jQuery object) var headings = $( "h1" ); var first…
//************jquery校验**********/ //数字校验(整数)function isDigit(str) { var patrn=/^[0-9]*$/; return patrn.test(str);}; 如果是判断数字,包括小数.可以使用其自带的isNaN()方法来实现.如果不是数字,那么就返回true. //非中文信息的校验 /^[^\u4e00-\u9fa5]*$/ 上面一段表达式是判断非中文的.主要用于校验是不是不包含中文. //身份证判断(要么为空,要么为省份…
1.jquery语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作. 基础语法: $(selector).action() 美元符号定义 jQuery 选择符(selector)"查询"和"查找" HTML 元素 jQuery 的 action() 执行对元素的操作 2.jquery选择器(标签选择器,id选择器,class选择器) <script type="text/javascript" src="…
1.jQuery中$符号有何作用? $作为jQuery的别名,如$(document).ready() 即是 jQuery(document).ready() 2.jQuery选择器有哪几种? 基本选择器:$("#id") —〉通过id获取元素 $(".class") —〉通过既定的类名获取元素 $("p") —〉通过名称匹配获取元素 $("span,#id,...").css() —〉多个选择合并返回 层次选择器:$(&qu…
 * DOM操作 *1 基本操作 * html() - 等价于innerHTML属性 * text() - 等价于textContent属性 * val() - 等价于value属性 * attr() - 等价于getAttribute()和setAttribute() * removeAttr() - 等价于removeAttribute() * 2 CSS操作 ①* attr()方法 - 设置样式(删除原有样式,设置新样式) * style属性和class属性 ②* class操作 * ad…
1day-jquery 1. 1 jQuery 1概念 * JavaScript(ECMA/DOM/BOM)在实际开发中,使用比较麻烦,有浏览器兼容问题. * JavaScript类库(JS库) 的目的是为了简化js中的开发, 实现使用js中的函数和对象进行封装.我们只需要掌握如何使用,不需要了解如何实现. 目前最火的是jQuery.可以去Github网站看  Star. 2 jQuery目前版本: * 1.x版本 - 几乎兼容所有浏览器 * 2.x版本 - 不再兼容IE所有浏览器 * 3.x版…
1:$(document).ready()function{}和window.onload()的区别.   1:$(document).ready()function{} 该方法等到Dom结构绘制完毕后可以执行,不必等到加载完毕.   window.onload(){} 必需等到图片所有元素加载完毕后才能执行.  2:window.onload(){}不能写多个,而$(document).ready(){}可以写多个.  3:$(document).ready(){}的简化写法 $(functi…
1.JQuery是javascript的类库 2.下载JQuery 3.导入JQuery <script src="jquery-3.0.0.js"></script> 4.JQuery的基本功能 http://www.php100.com/manual/jquery/ 5.用JQuery实现点击按钮返回页面顶部的功能 //里面用到了Jquery里面的事件-scroll ,当页面滚动条发生变化执行的函数 $(window).scroll( function() …
前端学习之jQuery 一. jQuery是什么? <1> jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. <2>jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是——WRITE LESS,DO MORE! <3>它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 <4>jQuery是一个快速的,简洁的j…
1.JSON 解析 JSON字符串: var str1 = '{ "name": "deyuyi", "sex": "man" }'; JSON对象: var str2 = { "name": "deluyi", "sex": "man" }; 1).JSON字符串转换为JSON对象      eval('(' + str + ')');//其中s…