jQuery学习之:ajaxSetup值列表
$.ajaxSetup(settings)
Ajax请求全局设置,详细请$.ajax选项描述。
返回值:undefined
参数:settings (Map): 用于Ajax请求的键/值对。
示例:
设置默认请求url为”/xmlhttp/”,无全局操作权限,用POST方法请求。下面用Ajax请求一些数据!
1.$.ajaxSetup( {
2.url: "/xmlhttp/",
3.global: false,
4.type: "POST"
5.} );
一、选择网页元素 jQuery的基本设计和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别于其他函数库的根本特点。 使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素。 选择表达式可以是CSS选择器: $(document)//选择整个文档对象 $('#myId')//选择ID为myId的网页元素 $('div.myClass')//选择class为myClass的div元素 $('input[name=first]')//选择name属性等于first的input元素 也可以是jQuery特有的表达式: $('a:first')//选择网页中第一个a元素 $('tr:odd')//选择表格的奇数行 $('#myForm :input')//选择表单中的input元素 $('div:visible') //选择可见的div元素 $('div:gt(2)')//选择所有的div元素,除了前三个 $('div:animated')//选择当前处于动画状态的div元素
二、改变结果集 如果选中多个元素,jQuery提供过滤器,可以缩小结果集: * $('div').has('p'); //选择包含p元素的div元素 * $('div').not('.myClass'); //选择class不等于myClass的div元素 * $('div').filter('.myClass'); //选择class等于myClass的div元素 * $('div').first(); //选择第1个div元素 * $('div').eq(5); //选择第6个div元素 有时候,我们需要从结果集出发,移动到附近的相关元素,jQuery也提供了在DOM树上的移动方法: $('div').next('p'); //选择div元素后面的第一个p元素 $('div').parent(); //选择div元素的父元素 $('div').closest('form'); //选择离div最近的那个form父元素 $('div').children(); //选择div的所有子元素 $('div').siblings(); //选择div的同级元素 三、链式操作 选中网页元素以后,就可以对它进行某种操作。 jQuery允许将所有操作连接在一起,以链条的形式写出来,比如: $('div').find('h3').eq(2).html('Hello'); 分解开来,就是下面这样: 1. $('div') //找到div元素 2. .find('h3') //选择其中的h3元素 3. .eq(2) //选择第3个h3元素 4. .html('Hello'); //将它的内容改为Hello 这是jQuery最令人称道、最方便的特点。它的原理在于每一步的jQuery操作,返回的都是一个jQuery对象,所以不同操作可以连在一起。 jQuery还提供了.end()方法,使得结果集可以后退一步: 1. $('div') 2. .find('h3') 3. .eq(2) 4. .html('Hello') 5. .end()//退回到选中所有的h3元素的那一步 6. .eq(0)//选中第一个h3元素 7. .html('World'); //将它的内容改为World .end():回到最近的一个"破坏性"操作之前。如果之前没有破坏性操作,则返回一个空集。所谓的"破坏性"就是指任何改变所匹配的jQuery元素的操作。
《jQuery前端开发实战教程》试卷 得分 单选题(每题2分,共计30分) 1.页面中存在可见元素div,代码“if( $("div").show().is(:animated) ){ $("div").hide(1000); }” 的执行效果是() A、元素以动画效果隐藏 B、元素没有任何变化 C、元素无动画效果隐藏 D、元素先以动画效果隐藏,再无动画形式显示 2.关于代码“$.fn.test = function() { };”,下列说法错误的是() A、test方法可以被jQuery对象调用 B、test方法被jQuery对象调用时,this指向调用该方法的jQuery对象 C、在test方法中可以书写代码“return this”来实现链式编程 D、$.fn是jQuery原型对象jQuery.prototype的简写3.jQuery Mobile选择菜单中,当选择菜单中含有多个类别时,可添加()元素,让jQuery Mobile根据此元素中label属性的文本创建含有分割项的选项。 A、label B、optgroup C、select D、option 4.在使用tree组件时,dnd属性和lines属性设置为true分别代表()含义。 A、显示横线条显示竖线条 B、显示竖线条显示横线条 C、表示可拖动表示可拖拽 D、表示可拖动表示显示竖线条 5.下列哪种方法不可以让元素设置为不可见() A、fadeIn B、fadeOut C、fadeTo D、hide 总分题型单选题多选题填空题简答题题分 得分
6.在jQuery Mobile列表视图中,可以将任意大小的图片自动缩放到()像素,展示到列表中。 A、60 B、70 C、80 D、90 7.跟jQuery相继诞生的JavaScript库还有很多,不包括() A、Prototype B、ExtJS C、YUI D、node.js 8.下面选项中this的使用说法正确的是() A、this指向当前元素 B、this可以用来绑定事件 C、this可以获取到所有元素 D、this是一种方法9.使用animate方法实现与代码$("div").fadeIn(600)相同效果的代码写法是() A、$("div").animate({"opacity":"1"}) B、$("div").animate({"opacity":"1"},"fast") C、$("div").animate({"opacity":"1"},600) D、$("div").animate({"opacity":"1"},"normal") 10.从EasyUI网站下载到的“jquery-easyui-1.5.4.2.zip”压缩包解压,保存到“chapter08\ easyui-1.5.4.2”目录中下面说法错误的是() A、locale目录是国际化资源文件包 B、plugins是插件包目录 C、jsrc是源码包目录 D、demo和demo-mobile目录都是样例,没有区别 11.在jQuery事件中,当调整浏览器窗口时触发的事件是()事件。 A、resize() B、change() C、scroll() D、select()
下面小编就为大家带来一篇jQuery学习心得总结(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。 jQuery 对象 •jQuery 对象就是通过jQuery 包装DOM 对象后产生的对象。 •jQuery 对象是jQuery 独有的。 •只有jQuery 对象才能使用jQuery 的方法,在jQuery 对象中无法使用DOM 对象的任何方法,反之DOM 对象也无法使用任何jQuery 的方法。 •约定:如果获取的是jQuery 对象,那么要在变量前面加上$ •jQuery 对象中封装了多个DOM 对象,同时jQuery 对象是类数组对象 •数组与类数组对象的区别 1.数组的类型是Array 2.类数组对象的类型是Object DOM 对象转jQuery 对象 •使用$()将DOM 对象包装起来,就可以转换成jQuery 对象 var item = document.getElementsByTagName('ul')[0], // DOM对象 $item = $(item); // jQuery对象 jQuery 对象转换为DOM 对象 jQuery 对象通过jQuery 提供的get(index)方法,得到对应的DOM 对象 var $ul = $('ul'), ul = $ul.get(0); jQuery 对象是一个类数组对象,可以通过[] 方式,得到对应的DOM 对象。 类数组对象 类数组对象本质就是一个对象,只不过存储方式类似于数组的结构 •arguments 对象---- 接受函数实参的个数 •jQuery 对象---- 底层就是dom 对象 属性 •length 属性(数组的长度| 元素的个数) 方法 •get(index):根据index 放回对应的dom 对象 •eq(index):根据index 返回对应的jQuery 对象 •index():查找元素的索引值 ready 和onlaod 的区别 ready 1.具有简写方式 2.在一个HTML 页面中允许出现多个 3.加载完DOM 结构就执行 4.执行速度快 onload 1.没有简写方式 2.在一个HTML 页面中只能使用一个 3.需要等页面所有资源加载完才执行 4.执行速度比ready 慢
jQuery入门[1]-构造函数 https://www.sodocs.net/doc/d414992425.html,/archive/2008/03/05/1091816.html jQuery优点 ?体积小(v1.2.3 15kb) ?丰富的DOM选择器(CSS1-3 + XPath) ?跨浏览器(IE6,FF,Safari,Opera) ?链式代码 ?强大的事件、样式支持 ?强大的AJAX功能 ?易于扩展,插件丰富 jQuery的构造函数接收四种类型的参数: jQuery(expression,context) jQuery(html) jQuery(elements) jQuery(fn) 第一种根据表达式(ID,DOM元素名,CSS表达式,XPath表达式)找出文档中的元素,并组装成一个jQuery对象返回。 DEMO: DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.sodocs.net/doc/d414992425.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">