一、了解jQuery 1、jQuery是一个JavaScript库；极大地简化了JavaScript编程；易学。2、jQuery库可以通过一行简单标记添加到网页中 特征：HTML元素选取、操作；CSS操作；HTML事件函数；JavaScript特效和动画；HTML DOM遍历和修改；AJAX；Utility。3、添加jQuery库（位于一个JavaScript文件中，其中包含了所有的jQuery函数），<script>标签应该位于页面的<head>部分123<head> <script type="text/javascript" src="jquery....
普通动画$("").show(3000)$("").hide(3000)滑动动画$("").slideDown()$("").slideUp() $("").slideToggle()淡入淡出动画$("").fadeIn()$("").fadeOut()$("").fadeToggle()自定义动画$("").animate({},3000);原文：http://www.cnblogs.com/WeWeZhang/p/5800571.html
一、简介 1、什么是jQuery jQuery是一个轻量级、快速简洁的javaScript库，能让我们方便快捷的选择元素操作元素属性。2、下载地址3、jQuery使用方式 $("div")等价于jQuery("div"),通常使用前者。 二、查找元素 1、选择器 a、基本选择器<!--基本选择器-->$("#id") //ID选择器$("div") //元素选择器$(".classname") //类选择器$(".classname,.classname1,#id1") //组合选择器<!--层级选择器--...
关于ImgAreaSelect, 是一jQuery插件，它支持用户通过鼠标拖曳选择图片的一部分，如图片拖曳、图片编辑等~~来具体看一下1、先下载imgAreaSelect插件下载地址：英文：http://odyniec.net/projects/imgareaselect/中文：http://www.css88.com/EasyTools/javascript/jQueryPlugin/imgAreaSelect/index.html在头部引用：<link rel="stylesheet" type="text/css" href="../jquery.imgareaselect-0.9.10/css/imgareaselect-default.css" ...
好吧，这章不像上章那么水了，总是炒剩饭也不好。关于AJAX所谓Ajax，全名Asynchronous JavaScript and XML。（也就异步的JS和XML）简单点来讲就是不刷新页面来发送和获取数据，然后更新页面。Ajax的优势无需插件支持优秀的用户体验提高web程序的性能减轻服务器和带宽的负担Ajax的不足浏览器兼容不足破坏浏览器前进和后退按钮的正常功能对搜索引擎的支持不足开发和调试工具的 缺乏好吧，这些都是几年前的不足。技术的发展很快，这些...
jQuery的优势 jQuery有很多特性和工具方法 原文：https://www.cnblogs.com/songsongblue/p/9825393.html
jquery学习笔记1.环境搭建进入官方网站获取最新的版本 http://jquery.com/download/ ，这里需要注意 jQuery 分 2 个系列版本 1.x 与 2.x，主要的区别 在于 2.x 不再兼容 IE6、7、8 为移动端而优化，由于减少了一些代码，使得该版本比 jQuery 1.x 更小且更快。如果开发者比较在意老版本 IE 用户，只能使用 jQuery 1.9 及之前的版本了。我们这本课程为了兼容性问题，使用的是 1.9 版本。jQuery 每一个系列版本分为：压缩版(compress...
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><script language="javascript" type="text/javascript" src="jquery-3.3.1.min.js"></script><title>使用jQuery 属性过滤选择器</title><style type="text/css">body {font-size: 12px;text-align: center}div {float: left;border: ...
1.jQuery的4种加载方式1.1页面加载完之前执行，与嵌入的JS加载方式一样：1 (function($){ 2 alert(‘start‘); 3 })(jQuery);1.2页面加载后执行：1 $(document).ready(function(){ 2 alert(‘jquery ready‘); 3 });1.3页面加载后执行：1 $(function(){ 2 alert(‘jquery onload‘); 3 });1.4页面加载后执行：1 jQuery(function($){ 2 alert(‘jQuery ready‘); 3 });这几种加载方式，相对于window.onload方式，只...
1.1常见的JavaScript库· jQuery· Prototype· YUI· Dojo· Ext JS· 移动端的zepto这些库都是对原生JavaScript的封装，内部都是用JavaScript实现的2.jQuery 下载官网：http://jquery.com 版本：· 1x：兼容IE678 等低版本浏览器，官网不再更新· 2x：不兼容IE678等低版本浏览器，官网不再更新· 3x：不兼容IE678等低版本浏览器，官网主要更新维护版本2.1 jQuery的入口函数 //等着页面DOM加载完毕再去执行js代码$(function(){$(‘div‘).h...
jQuery基础---Ajax进阶内容提纲：1.加载请求2.错误处理3.请求全局事件4.JSON 和 JSONP5.jqXHR 对象发文不易，转载请注明出处！ 在 Ajax 基础一篇中，我们了解了最基本的异步处理方式。本篇来了解一下 Ajax 的一些全局请求事件、跨域处理和其他一些问题。一．加载请求在 Ajax 异步发送请求时，遇到网速较慢的情况，就会出现请求时间较长的问题。而超过一定时间的请求， 用户就会变得不再耐烦而关闭页面。 而如果在请求期间能给用户一...
JavaScript回顾:<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title><script>window.onload=function () {var eles=document.getElementsByClassName("item");for (var i=0;i<eles.length;i++){eles[i].onclick=function (event) {alert(123);}}}</script> </head> <body><div><div class="item btn">菜单一</div><div class="item">菜单二</div><div class="item">菜单三</div> </div></body> </html>...
1.jquery官网: http://jquery.com2.在页面引入jQuery : <script src="js/jquery-1.12.4.js" type="text/javascript"></script>3.ready()方法: [使用jQuery弹出提示框] 实例: <script> $(document).ready(function() { alert("我的第一个jQuery示例！"); }); </script> window.onload与$(document).ready()类似 , 但也有区别 window.onload$(document).ready()执行时机...
方式一： 1<script type="text/javascript"> 2function test() {3 $.ajax({4 url:"test1",//要发送的地址 5 data:{6"str":"你好",7"str2":"世界" 8 },//发送的数据 9 type: "POST",//发送的类型10 dataType:"html",//预期响应的数据类型11 success: function (data) { 12//服务器返回的内容13 alert(data) 14 } 15 })...
获取jQuery官网：http://jquery.com使用jQuery弹出提示框ready()方法$(function(){//执行代码 }) ; jQuery语法规则工厂函数$()：将DOM对象转化为jQuery对象选择器 selector：获取需要操作的DOM 元素方法action()：jQuery中提供的方法，其中包括绑定事件处理的方法$(selector).action() ; jQuery操作页面元素使用addClass( )方法为元素添加样式jQuery 对象.addClass([样式名]);使用css( )方法设置元素样式css("属性","属性值") ; cs...