JQuery
今天又是快乐的一天
不可能再学java了的
展开
-
如何在页面上同时使用 jQuery 和其他框架?
noConflict() 方法 jQuery 和其他 JavaScript 框架 正如您已经了解到的,jQuery 使用 $ 符号作为 jQuery 的简写。 如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办? 其他一些 JavaScript 框架包括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。 其中某原创 2020-11-11 21:50:18 · 715 阅读 · 0 评论 -
12. GET 和 POST 方法
11.1 get方法 GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。 GET 请求可被缓存 GET 请求保留在浏览器历史记录中 GET 请求可被收藏为书签 GET 请求不应在处理敏感数据时使用 GET 请求有长度限制 GET 请求只应当用于取回数据 用法:$.get(URL,callback); $("button").click(function(){ $.get("demo_test.php",function(data,status){原创 2020-11-11 21:47:32 · 301 阅读 · 0 评论 -
9 链(Chaining)和10 . ajax()方法
9 链(Chaining) 可以把动作/方法链接在一起。Chaining 允许我们在一条语句中运行多个 jQuery 方法(在相同的元素上)。直到现在,我们都是一次写一条 jQuery 语句(一条接着另一条)。不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条。 $("#p1").css("color","red").slideUp(2000).slideDown(2000); $("#p1").css("color","red") .原创 2020-11-11 21:45:08 · 171 阅读 · 0 评论 -
8. 内置动画
8.1 hide() 隐藏 $(selector*).hide(*speed,callback);可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: <script> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> 隐藏动作设置时间, $("button").click(function(){ $("p").原创 2020-11-11 21:29:09 · 191 阅读 · 0 评论 -
7. 事件处理
7.1 事件载入 ready(function()); 加载完页面即进行 $(document).ready(function(){ //body }); //相当于 $(function(){ }); 7.2 给div添加监听 7.2.1 点击监听 方式一: click $('div').click(function(){ alert("监听"); }); 方式二: on(events,[选择器],[data],fn) :可以选择多个监听事件 $('div').on('click',functi原创 2020-11-11 21:28:16 · 146 阅读 · 0 评论 -
6. 文档操作
6.1 增加元素 append():再后添加元素 <script> var ul1=$("#ul1"); //根据id获得元素 ul1.append("<span>append()添加的</span>"); </script> appendTo():向元素指定位置添加元素 <script> var ul1=$("#ul1"); //根据id获得元素 //ul1.append("<span>append()添加的</span&g原创 2020-11-11 21:26:31 · 113 阅读 · 0 评论 -
5. JQuery的属性
5.1 attr的使用 attr(name|properties|key, value|function) 概述:设置或返回被选元素的属性值. 参数: name: 属性名称 properties:作为属性的"名/值对" 对象 key,value :属性名称,属性值 key,function(index,attr) :1.属性名称 2. 返回属性值的函数 index为:当前元素索引,attr为原值 console.log($('div:first').attr('title'));原创 2020-11-11 21:24:29 · 128 阅读 · 0 评论 -
4. 简单的工具方法
$.each(): 遍历数组或对象中的数据 <script type="text/javascript"> var arr=[2,3,4]; $.each(arr,function(idnex,item){ console.log(idnex,item); }); var obj={ name:'tom', setName: function(name){ this.name=name; } } //遍历对象 $.each(obj,function..原创 2020-11-11 21:22:56 · 290 阅读 · 0 评论 -
3 JQuery的选择器
3.1 基本选择器 $("#id") //ID选择器 $("div") //元素选择器 $("p") 所有 <p> 元素 $(".classname") //class="classname" 的所有元素 $(".classname,.classname1,#id1") //class 为 "classname" , "classname1" id为“#id1”的所有元素 3.2 层次选择器 $("div > p") //<原创 2020-11-11 21:18:19 · 114 阅读 · 0 评论 -
2. JQuery的核心对象和核心函数
2.1 核心对象 在 JQuery 库中,可以通过本身自带的方法获取页面 DOM 元素的对象叫做 JQuery 对象。对象用 var 开头定义。 1var tDiv = $(“#divTmp”) //使用JQ获取元素后,就是JQuery对象了 使用jquery函数返回的也是jquery对象;但是外放的只有jquery对象和$对象. 即执行Jquery核心函数返回的对象,jquery对象内部包含的是dom元素对象的方法的伪数组 2.2 核心函数 jquery向外直接暴露的就是jquery/,引入库后直接使用原创 2020-11-11 21:17:23 · 184 阅读 · 0 评论 -
JQuery-入门
jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少,做的多"的JavaScript库。 jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities JQuery快速学习,仅为作为记录笔记方便使用。 JQuery用于实际的网站中,已被精简和压缩。 安装 jQuery 库是一个 JavaScript 文件,您可以使用 HTML 的 <原创 2020-11-09 01:11:11 · 262 阅读 · 2 评论