全套jQuery学了一下午,我敢说这一定是最好的笔记!

2023-06-06 0 607

我们好,我是小索奇学了一上午的jQuery,我做出了“最合适的讲义”总的来说jQuery已经落伍了,但一些项目用的也是旧版本的控制技术、很多院校也正在教这一荒诞的jQuery控制技术…了解一下大有裨益~第一集该文对应jQuery整套讲义,该文字数极短,能珍藏可供使用哈这是小索奇在学习jQuery期间精心设计整理的markdown文件文件格式(我也想白嫖讲义啊,可是翻开了文章区,没有辨认出两个人留下了markdown文件格式的文章,索性自己做吧…因而我坚忍的站了出,为我们准备一份讲义-内含讲义…因为没有辨认出两个人做了markdown文件格式讲义并撷取出,因而才敢说,”最合适的讲义”…当然,只是开个笑话~开拓&补充DOMShahdol什么DOM第一类:应用程序根据html条码聚合的IS第一类所有的条码特性都能在那个第一类下面找到修正那个第一类的特性会自动态射到条码身上它将HTML文件文件格式以抽象化结构简单的表现出,因而他们称作文件文件格式树或建立两个表达式也叫第一类吗?答案是:也叫第一类在JavaScript中,第一类是一类正则表达式,它能储存多个数组对。每个数组对都包含两个特性名和两个相应的值。能透过点号或圆括号来出访第一类中的特性。比如:varperson={name:”Tom”,age:25,gender:”male”};console.log(person.name);//输入 Tomconsole.log(person[“age”]);//输入25下面的URL建立了两个名叫person的第一类,该第一类有三个特性:name、age和gender。能透过点号或圆括号来出访那些特性的值。另一方面,表达式是用作储存某一值的URL。在JavaScript中,表达式能储存任何类型的值,包括数组、数字、常量、第一类等。有时,他们会将两个第一类储存在两个表达式中,这样能方便地出访该第一类的特性。比如:varperson={name:”Tom”,age:25,gender:”male”};varpersonName=person.name;console.log(personName);//输入 Tom下面的URL建立了两个名叫person的对象,并将其储存在表达式中。然后,将person第一类的name特性的值储存在另两个表达式personName中,并输入该表达式的值。这里的person表达式和personName表达式都是JavaScript中的表达式,而不是第一类。var a=document.ElementById(text)为什么a叫作dom第一类?在JavaScript中,文件文件格式第一类数学模型(DOM)是一类则表示HTML或XML文件文件格式的国际标准第一类子集。透过DOM,能采用JavaScript来出访和操作方式HTML或XML文件文件格式中的各式各样原素、特性和事件。在你的URL中,document.getElementById(text)回到了两个第一类,该第一类则表示具有选定ID的HTML原素。因而,将其表达式给表达式a时,a就成为了两个DOM第一类。那个DOM第一类能被用作进一步地出访和操作方式该HTML原素的各式各样特性和方式,比如说改变式样、内容等等。总而言之,DOM第一类是JavaScript中用作出访和操作方式HTML或XML文件文件格式的国际标准第一类,而且document.getElementById()方式回到的第一类也是一类DOM第一类,因而在你的URL中,a也被称为DOM第一类。针对没学过js的人群,认知那些对认知jQuery有很大的帮助!jQueryjQuery是js库,库:相当于java的工具类,库是放置东西的, jQuery是放置jsURL的地方,放的用jsURL写的functiondom第一类和jQuery第一类他们常用的alert是属于BOM-操作方式应用程序的DOM是操作方式FTP的dom第一类:采用javascript的句法建立的第一类叫作dom第一类,也就是js第一类。比如说:var obj= document.getElementById(“txt1”); obj是dom第一类,也叫作js第一类能用obj.value等;(后面会将)jQuery第一类:采用jQuery句法则表示第一类叫作jQuery第一类,注意:jQuery则表示的第一类都是数组。比如 var jobj =$(“#txt1”), jobj就是采用jQuery句法则表示的第一类。也就是jQuery第一类。它是两个数组。现在数组中就两个值。jQuery中$是什么简要来说$其实就是jQuery程序的标志$()函数实际上是 jQuery()函数的缩写形式,它接受两个CSS选择器数组作为参数,并回到两个包含匹配原素的jQuery第一类。比如,$(“p”)能选取所有

用作jQuery编程中。引入jQuery采用jQuery,首先要将jQuery库引入。需要采用如下语句$(document)是将DOM第一类document转换为jQuery第一类。$(document).ready()函数是当DOM第一类加载完毕后,马上执行的函数。$document.ready()与$()、jQuery()、window.jQuery()是等价的因而$(document).ready()能写成$(function(){alert(“Hello jQuery”)};dom第一类和jQuery第一类相互的转换。jQuery转换dom用jQuery函数$()把DOM第一类转换为jQuery// html条码定义两个var domBtn = document.getElementById(“btn”);var $btn =$(domBtn);//前面的$btn 那个是自定义的名字$ 不是象 var num = obj.value; obj.value = num * num}为什么要进行dom和jQuery的转换?目的是要采用第一类的方式,或者方式。当你的dom第一类时,能采用dom对象的特性或者方式,如果你要想采用jQuery提供的函数,必须是jQuery第一类才能。3.选择器:就是两个数组,用来定位dom第一类的。定位了dom第一类,就能透过jQuery的函数操作方式dom选择器class选择器,句法:$(“.class式样名)class则表示css中的式样,采用式样的名称定位dom第一类的。条码选择器句法:$(“条码名称”)采用条码名称定位dom第一类的例://数组中有三个第一类var obj =$(“div”);//给所有div设置背景色obj.css (“background”,”blue”);表单选择器采用< input >条码的type特性值,定位dom第一类的方式。句法:$(“:type特性值”)比如:$(“:text”),选择的是所有的单行文本框,$(“:button”),选择的是所有的按钮。表单相关原素选择器是指文本框、单选框、复选框、下拉列表等原素的选择方式。该方式无论是否存在表单

,均可做出相应选择。表单选择器是为了能更加容易地操作方式表单,表单选择器是根据原素类型来定义的$(“: tr”不能用,tr不是input条码)句法:$(“:type 特性值”)比如:$(text”)选取所有的单行文本框$(“password”)选取所有的密码框$(“:radio”)选取所有的单选框$(“:checkbox”)选取所有的多选框它没有type特性值,只有type特性的时候,才能用表单选择器举例:var obj =$(“:checkbox”)//数组,有三个第一类for(var i =0; i < obj.length; i++){ var dom = obj[i];//需要jQuery,用他们前面的转换方式 var jobj =$(dom);//调用jQuery函数 alert(“jQyery函数调用=”+ jobj.val())}其它的条码都是类似组合选择器是多个被选第一类间采用逗号分隔后形成的选择器,能组合id,clss,条码名等。句法:(“id,.class,条码名”)开拓*则表示选取所有DOM第一类过滤器在定位了dom第一类后,根据一些条件筛选dom第一类。过滤器有是两个数组,用来筛选dom第一类的。过滤器不能单独采用,必须和选择器一起采用。常用选择器过滤器有是两个数组,用来筛选dom第一类的。过滤器不能单独采用,必须和选择器一起采用。选择第两个first,保留数组中第两个DOM第一类句法:$(“选择器:first”)选择最后两个last,保留数组中最后D0M第一类句法:$(”选择器:last“)选择数组中选定第一类句法:$(“选择器 eq :(数组索引)”)选择数组中小于选定索引的所有D0M第一类句法:$(“选择器:lt(数组索引)”)选择数组中大于选定索引的所有DOM第一类句法:$(“选择器: gt (数组索引)”)表单特性过滤器根据表单中dom第一类的状态情况,定位dom第一类的。启用状态, enabled 不可用状态 disabled选择状态, checked ,比如radio, checkbox选择可用的文本框$(“:text:enabled”)选择不可用的文本框(后面有介绍text函数)$(“:text:disabled”)复选框选中的原素$(“:checkbox:checked”)开拓在HTML中,原素用作建立各式各样表单控件,比如文本框、单选按钮、复选框等。当用户在表单控件中输入数据时,那些数据通常会被保存到该控件的 value 特性中。jQuery中给dom第一类绑定事件$(选择器).事件名称(事件的处理函数)$(选择器):定位dom第一类,dom第一类能有多个,那些dom第一类都绑定事件了事件名称:就是js中事件去掉on的部分,比如js中的单击事件onclick()jQuery中的事件名称,就是click,都是小写的。函数val操作方式数组中DoM第一类的value特性,$(选择器).val ():无参数调用形式,读取数组中第两个DOM第一类的value特性值$(选择器).val (值):有参形式调用:对数组中所有DOM第一类的volue特性值进行统一表达式text操作方式数组中所有DOM第一类的【文字显示内容特性】$(选择器). text()无参数调用,读取数组中有DOM第一类的文字显示内容,将得到内容拼接为两个数组回到$(function()$(“:text”).val(); alert(text);})})$(选择器). text(值)有参数方式,对数组中所有DOM第一类的文字显示内容进行统一表达式$(“btn4”).click(functtext,其它特性的设置建议用attr函数remove$(选择器).remove():将数组中所有DOM第一类及其子第一类一并删除empty$(选择器).empty():将数组中所有DoM第一类的子第一类删除仅删子第一类,父第一类还留着append为数组中所有DOM第一类添加子第一类$(选择器),append(“
我动态添加的div
“html设置或回到被选原素的内容(innerHTML).$(选择器).html()用一次函数。句法1:$.each(要遍历的第一类,function(index,element){处理程序})句法2:jQuery第一类.each(function(index,element){处理程序})句法:$.each(循环的内容,处理函数) :则表示采用jQuery的each,循环数组,每个数组成员,都会执行后面的“处理函数”一次。$:相当于是java的两个类名each:就是类中的静态方式。静态方式调用,能采用类名.方式名称处理函数function(index, emelent):index,element都是自定义的形参,名称自定义。index:循环的索引(数组下标)element:数组中的第一类循环普通数组,非dom$(“btn6”).click(function(){//循 var arr =[1,2,3];$.each(arr,function(index,element){ alert(“循环表达式:”+index+”===数组成员”+element);})})循环JSON$(“$btn7”).click(function(){//循环json var json ={“name:”:”张三”,”age”:20};$.each(json,function(i,n){ alert(“i是key=”+i”,n是值=”+n)})})循环dom数组$(“#btn8”).click(function(){//循环dom数组 var domArray =$(“:text);$.each(domArray,function(i,n){//n是数组中的dom第一类 alert(“i=”+i+”,n=”+n.value)})})循环jquery第一类$(“#btn9”).click(function(){$(“:text”).each(function(i,n){// jquery第一类就是dom数组 alert(“i=”+i+”,n=”+n.value);})})定义原素监听事件句法:$(选择器).监听事件名称(处理函数):说明:监听事件名称是js事件中去掉on后的内容,js中的onclick的监听事件名是click比如:为页面中所有的button绑定onclick,并关联处理函数funlS(“button”).click(fun1)为页面中所有的tr条码绑定onmouseover,.并关联处理函数fun2$(“tr”).mouseover(fun2)on()绑定事件on()方式在被选原素上添加事件处理程序。该方式给API带来很多便利,推荐采用该方式句法$(选择器).on(event,function)时间名称和事件的处理函数event:事件两个或者多个,多个之间空格分开function:可选,规定当事件发生时运行的函数。事件名称就是js去掉on的部分,比如js中的onclick,这里就是click那个能代替onclick###采用jQuery的函数,实现ajax请求的处理。没有jQuery之前,采用XMLHttpRequest做ajax ,有4个步骤。 jQuery简化了ajax请求的处理。采用三个函数能实现ajax请求的处理。1)$.ajax(): jQuery中实现ajax的核心函数。ajax()是两个函数的名称和循环采用一样,$:相当于java两个类名,each:静态方式调用,能采用类名.方式名称2)$.post(): 采用post方式做ajax请求,对post发请求3)$.get(): 采用get方式发送ajax请求。$.post()和$.get()他们在内部都是调用的$.ajax()$.ajax函数的采用介绍$.ajax函数的采用,函数的参数则表示请求的url,请求的方式,参数值等信息。$.ajax()参数是两个json的结构。比如$.ajax({名称:值,名称1:值1…..} )比如$.ajax({ async:true , contentType:”application/json”, data:{name:”lisi”,age:20}, dataType:”json”, error:function(){请求出现错误时,执行的函数}, success:function( data ){ // data 就是responseText,是jQuery处理后的数据。}, url:”bmiAjax”, type:”get”} )回忆ajax采用四大步骤:建立异步第一类var xmlHttp=new XMLHttpRequestlHttp..send()以上那些操作方式全都融入到了两个$.ajax()函数当中开拓讲义$.ajax()是 jQuery 中 AJAX 请求的核心方式,它能透过传入两个 JSON 第一类来设置请求参数。具体句法如下:$.ajax({ name1: value1, name2: value2,…});其中,name 则表示参数名,value 则表示参数值。常用的参数说明如下:async:常量,则表示请求是否异步处理,默认为 true。contentType:发送数据到服务器时所采用的内容类型,默认为application/x-www-form-urlencoded。data:规定要发送到服务器的数据,能是数组、数组或 JSON 第一类。dataType:期望从服务器响应的正则表达式,常用的有xml、json、text、html等。error:如果请求失败要运行的函数。success:当请求成功时运行的函数。type:规定请求的类型,常用的有GET和POST。url:规定发送请求的 URL。比如,以下URL实现了两个简单的 AJAX 请求:$.ajax({ type:”GET”, url:”https://api.example.com/data”,//期望应用程序回到json文件格式数据,现在用的几乎都是json dataType:”json”, success: function(data){ console.log(data);}, error: function(){ console.log(“请求失败”);}});以上URL则表示向 https://api.example.com/data 发送两个 GET 请求,期望回到 JSON 文件格式的数据。如果请求成功,则将回到的数据打印到控制台上;如果请求失败,则输入”请求失败”。$.ajax()是 jQuery 中 AJAX 请求的核心方法,它能透过传入两个 JSON 第一类来设置请求参数。具体句法如下:javascript复制URL$.ajax({ async: true, contentType:”application/json”, data:{name:”lisi”, age:20}, dataType:”json”, error: function(){ //请求出现错误时执行的函数}, success: function(data){ //请求成功时执行的函数,data 是处理后的数据}, url:”bmiAjax”, type:”get”}); json结构的参数说明:async:常量,则表示请求是否异步处理,默认为 true,则表示异步请求的,能不写async那个配置项xmlHttp.open(get,url,true),第三个参数一样的意思。contentType:两个数组,发送数据到服务器时所采用的内容类型,能不写,默认为application/x-www-form-urlencoded。比如你想则表示请求的参数是json文件格式的,能写application/jsondata:规定要发送到服务器的数据,能是数组、数组或 JSON 第一类,则表示请求的参数和参数值。常用的是json文件格式的数据dataType:期望从服务器响应的正则表达式,常用的有xml、json、text、html等。当他们采用$.ajax()发送请求时,会把dataType的值发送给服务器,那他们的servlet能够读取到dataType的值,就知道你的应用程序需要的是 json或者xml的数据,那么服务器就能回到你需要的数据文件格式。error:如果请求失败要运行的函数。error:function(){ 发生错误时执行} success:当请求成功时运行的函数。采用XMLHttpRequest第一类,当readyState==4&& status==200的时候就会用到它url:规定发送请求的 URL。type:规定请求的类型,常用的有GET和POST,不用区分大小写,默认为 GET主要采用的是这几个参数url , data,dataType, success$.ajax({ url:”url地址”, data:{数据}, dataType:”正则表达式,如json等”, success: function(response){ //处理响应结果 alert(response);}});以上URL则表示向 bmiAjax 发送两个 GET 请求,期望回到 JSON 文件格式的数据。如果请求成功,则将处理后的数据作为参数传递给 success 函数;如果请求失败,则执行 error 函数。开拓&回忆readyState==4和status==200是AJAX请求的两个判断条件,则表示以下含义:readyState==4:指XMLHttpRequest第一类的状态为4,即已完成请求。当AJAX请求发送到服务器端后,会接收到两个XMLHttpRequest第一类,该第一类的状态码有5种,分别为0、1、2、3、4。当状态码为4时,则表示请求已经完成。status==200:指HTTP响应状态码为200,即请求成功。HTTP 200 OK是HTTP协议中最常见的一类状态码,则表示请求成功并回到所请求的数据。因而,当这两个条件同时满足时,说明AJAX请求已经成功回到了数据,并且能进行后续的处理操作方式。在idea中采用jQuery的话文件夹经常命名叫js,在web/js/引进即web/js/jQuery-xxx,
全套jQuery学了一下午,我敢说这一定是最好的笔记!

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务