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...
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<title>04-jq事件绑定、入口函数、样式控制</title> 6<script src="js/jquery-3.3.1.min.js"></script> 7<script> 8/*window.onload = function () { //js入口函数9 $("#b1").click(function () { 10 alert("hello jquery"); 11 }); 12 };*/1314/*$(function () { //jq入口函数(dom文档加载完成之后执行该函数中...
一、dom对象及jquery对象相互转换 jquery对象转换成dom对象，即 [index] 和 get(index) 第一种方式： var $j = $(‘#id‘); // jquery对象 var j = $j[0]; // dom对象第二种方式： var $j = $(‘#id‘); // jquery对象 var j = $j.get(0); // dom对象二、jquery库与其他库的冲突 1. jquery库在其他库之后导入第一种：使用 jQuery.noConflict() 函数<script type="text/javascript" src = "prototype.js"><...
1/**2 * 【JQ基础动画】3 * show() 显示4 * hide() 隐藏5 * toggle() 切换6 * 默认无动画，如果要产生动画7 * 在括号内，添加毫秒数，可产生动画和控制动画的快慢8 *9 * 《滑动动画》 10 * slideDown() 滑动显示(下) 11 * slideUp() 滑动隐藏(上) 12 * sli...
代码风格 在jQuery程序中，不管是页面元素的选择、内置的功能函数，都是美元符号“$”来起始的。而这个“$”就是jQuery当中最重要且独有的对象：jQuery对象，所以我们在页面元素选择或执行功能函数的时候可以这么写： $(function () {}); //执行一个匿名函数 $(‘#box’);//进行执行的ID元素选择 $(‘#box’).css(‘color’, ‘red’);//执行功能函数由于$本身就是jQuery对象的缩写形式，那么也就是说上面的三段代码...
参考: http://www.cnblogs.com/hannover/p/4109779.html1.JQuery this和$(this)的区别相信很多刚接触JQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？ 首先来看看JQuery中的 $() 这个符号，实际上这个符号在JQuery中相当于JQuery（）,即$(this)=jquery();也就是说，这样可以返回一个jquery对象。那么，当你在网页中alert($(‘#id‘));时，会弹出一个[object Object ]，这个object对象，也...
$(‘#box‘).css(‘color‘,‘red‘);//将id为box的元素的颜色设置为红色 $(‘#box‘).css(‘color‘, ‘red‘).css(‘font-size‘, ‘50px‘);//在上面的基础上再设置字体var tt = document.getElementById(‘box‘);//DOM方法获取id为box的元素var tt = $(‘.pox‘)[1];//jquery方法获取class为pox的第一个元素 alert(tt.innerText);//输出元素的innerText值var $$ = jQuery;//创建一个$$的jQuery对象 jQuery.noConflict();//将$...