哪里有做图片的网站,3合1网站建设价格,商丘互联网营销推广,网络营销论文选题方向一、JavaScript库 把一些浏览器兼容性的代码或者需要常用的函数装在一个js文件里,封装了很多js代码的一个js文件就是一个库 二、jQuery 是一个JavaScript库#xff0c;免费开源的#xff0c;体积小#xff0c;链式编程#xff0c;隐式迭代#xff0c;很多优点jQuery 的功能…一、JavaScript库 把一些浏览器兼容性的代码或者需要常用的函数装在一个js文件里,封装了很多js代码的一个js文件就是一个库 二、jQuery 是一个JavaScript库免费开源的体积小链式编程隐式迭代很多优点jQuery 的功能概括html 的元素选取、html的元素操作、html dom遍历和修改、js特效和动画效果、css操作、html事件操作、ajax异步请求方式三、版本 网址jquery.com jQuery的js文件每个版本有两个第一个是正常版本第二个是压缩版本开发的时候两个都可以使用上线的时候推荐使用压缩版本jQuery 版本 2 以上不支持 IE678 浏览器。如果需要支持 IE6/7/8那么请选择1.9你还可以通过条件注释在使用 IE6/7/8 时只包含进1.9。 !--[if lt IE 9]script srcjquery-1.9.0.js/script
![endif]--
!--[if gte IE 9]!--script srcjquery-2.0.0.js/script
!--![endif]-- 四、初体验 1.常识 如果需要使用jQuery中的属性或者方法那么需要jQuery.属性或者jQuery.方法来使用简单的写法$.属性或者$.方法大多数情况下jQuery中使用的都是方法属性很少jQuery中几乎把DOM的事件都封装成了一个方法在jQuery中几乎是把on去掉然后变成方法了 !-- 例子:DOM中注册事件: document.getElementById(id的属性值).οnclick匿名函数;jQuery中注册事件:$(#id属性值).click(匿名函数)-- 2.案例 input typebutton value设置 idbtndiv iddv/div!-- 引入js文件(百度cdn) --script srchttp://libs.baidu.com/jquery/1.10.2/jquery.min.js/scriptscript//点击按钮.设置div的宽和高,以及背景颜色$(#btn).click(function(){$(#dv).css({width:200px,height:200px,backgroundColor:yellow});});/script input typebutton value修改 idbtnp/pp/pp/pp/pscript srchttp://libs.baidu.com/jquery/1.10.2/jquery.min.js/scriptscript//修改所有p标签的内容$(#btn).click(function(){$(p).text(标签p的内容被修改了);});/script 五、顶级对象 jQuery的顶级对象jQuery------符号$代替方便使用浏览器的顶级对象window页面的顶级对象document六、jQuery对象和DOM对象互转的问题 元素通过DOM获取就是DOM对象通过jQuery获取就是jQuery对象DOM对象调用jQuery的方法不能实现必须是jQuery对象才能调用jQuery方法jQuery对象调用DOM对象的属性和方法也不能实现但可以使用jQuery对象[0]转DOM对象 input typebutton value点击 idbtn1input typebutton value点击 idbtn2!-- 引入jQuery文件 --script srchttp://libs.baidu.com/jquery/1.10.2/jquery.min.js/scriptscript//通过DOM获取的DOM对象var btnObj1document.getElementById(btn1);btnObj1.click(function(){console.log(哈哈);//无效});//通过jQuery获取的jQuery对象---转DOM对象var btnObj2$(#btn2);btnObj2[0].onclickfunction(){console.log(哈哈);//哈哈};/script 七、jQuery文件的引入 下载代码文件至本地项目中引入。 script srcjQuery文件的地址/script 通过 CDN内容分发网络 引用它使用CDN引用的一个好处许多用户在访问其他站点时已经从百度、又拍云、新浪、谷歌或微软加载过 jQuery。所有结果是当他们访问您的站点时会从缓存中加载 jQuery这样可以减少加载时间。 同时大多数 CDN 都可以确保当用户向其请求文件时会从离用户最近的服务器上返回响应这样也可以提高加载速度。 菜鸟教程CDNscript srchttp://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js/script百度CDNscript srchttp://libs.baidu.com/jquery/1.10.2/jquery.min.js/script又拍云script srchttp://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js/script新浪script srchttp://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js/scriptGooglescript srchttp://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js/script 站点用户是国外的才使用google的国内使用google不稳定Microsoftscript srchttp://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js/script 八、案例网页开关灯 !-- DOM版本的写法 --input typebutton valueDOM关灯 idbtn1scriptdocument.getElementById(btn1).onclickfunction(){var bodydocument.body;if(body.style.backgroundColorblack){body.style.backgroundColor;this.valueDOM关灯;}else{body.style.backgroundColorblack;this.valueDOM开灯;}};/script !-- jQuery版本写法 --input typebutton valuejQuery关灯 idbtn2script srchttp://libs.baidu.com/jquery/1.10.2/jquery.min.js/scriptscript$(#btn2).click(function(){if($(this).val()jQuery关灯){$(body).css(backgroundColor,black);$(this).val(jQuery开灯);}else{$(body).css(backgroundColor,);$(this).val(jQuery关灯);}});/script 转载于:https://www.cnblogs.com/EricZLin/p/9098029.html
