• 关于

    js转化jquery

    的搜索结果

回答

jQuery 的实现原理 var jQuery = function(selector, context) { return new jQuery.fn.init(selector, context); }; 1)jQuery 采用的是构造函数模式进行开发的,jQuery 是一个类 2)上面说的常用的方法(CSS、属性、筛选、事件、动画、文档处理)都是定义在 jQuery.prototype 上的 ->只有 jQuery 的实例才能使用这些方法 2、选择器/筛选 1)我们的选择器其实就是创造 jQuery 类的一个实例 ->获取页面中元素用的 jQuery(); -> $() $()就是 jQuery 的选择器,就是创建 jQuery 这个类的一个实例 2)执行的时候需要传递两个参数 selector -> 选择器的类型 一般都是string类型 context -> 获取的上下文 第二个参数一般不传,不传默认为document $("#div1") $(".box") $("#div1 span") -> $("span", div1) console.log($("#div1 span:first")) 3)通过选择器获取的是一个 jQuery 类的实例->jQuery 对象 console. log($( #div1")) [jQuery对象的私有的属性] $("#div1")[0] -> div1这个元素对象 S(#div1").selector -> "#div1" S(#div1").context -> document ("#div1").length-)1 获取元素的个数 [jQuery对象的公有的属性] jQuery.prototype 4)我们获取的是 jQuery 对象(他是 jQuery 的实例)不是我们的原生 js 对象 jQuery:$("#div1") JS:document.getElementById("div1") 原生JS的对象不能直接的使用jQuery的方法,同理,jQuery的对象也不能使用原生js的方法 $("#div1").className = "box"; no document.getElementById("div1").addClass(); 5)互相转化 var $oDiv =$("#div1") var oDiv = document.getElementById("div1") Js->jQuery: $(oDiv).addClass() jQuery->Js: $oDiv[o]/ $oDiv.get(0) 3、核心 $(document).ready(function() { //HTML结构加载完成就执行这里的代码 }); $(function() {}); each $("selector").each( function(){})遍历获取的这些元素 jQuery.prototype $.each(ary)遍历数组中的每一项 jQuery.each 我们的 jQuery 不仅仅是一个类(在它的原型上定义了很多的方法,每一个 jQuery 的实例都可以使用这些方法),它还是一个普通的对象,在 jQuery 本身的属性中还增加了一系列的方法:Ajax、each、工具 $.unique(ary) $.ajax() $.extend()->把 jQuery当做一个对象,给它扩展属性->完善类库 $.fn.extend()->在 jQuery的原型上扩展属性和方法->编写 jQuery插件 $.extend({ a: function(){ } }) $.a() $.fn.extend({ b: function(){ } }) $().b()

茶什i 2019-12-02 03:21:18 0 浏览量 回答数 0

回答

jquery 封装了所有dom的属性和方法吗?不知道 如果jquery中没有Dom的某个属性和方法,就混入Dom的js属性和方法呢?这是可以的。 $("#theID").html("<p>放在里面的内容</p>");和 $("#theID").get(0).innerHTML="<p>放在里面的内容</p>";是一样的。 get(0)操作把JQ对象转化成了DOM对象。 $("#theID")[0]也是一样的意思,把JQ对象转化成DOM对象,然后就可以用操作DOM方法操作它了。

小旋风柴进 2019-12-02 02:28:12 0 浏览量 回答数 0

回答

将JSON字符串转化JSON对象var jsonObject= jQuery.parseJSON(jsonstr); js对象转json数据: JOSN.stringify();

xwaby 2019-12-02 00:53:27 0 浏览量 回答数 0

阿里云高校特惠,助力学生创业梦!0元体验,快速入门云计算!

学生动手场景应用,快速了解并掌握云服务器的各种新奇玩法!

回答

jQuery AJAX 请求的 datatype 你已经设为 JSON 了,回调中接收的参数已转化为 JS 对象,无需手动转换~[4](alert 只能显示字符串,把对象传进去会自动调用对象的 toString() 方法,自然显示 [object Object])######谢谢啊!已经修改好了!把JSONObject json这个json传过去就可以了,然后alert(data.flag);就可以了######如果这样改//弹出对话框的内容为:undefined success:function(data) { alert(data.info);//弹出对话框的内容为:undefined,,,怎么改才可以弹出 },###### 引用来自“南漂一卒”的评论 jQuery AJAX 请求的 datatype 你已经设为 JSON 了,回调中接收的参数已转化为 JS 对象,无需手动转换~[4](alert 只能显示字符串,把对象传进去会自动调用对象的 toString() 方法,自然显示 [object Object]) 如果这样改//弹出对话框的内容为:undefined success:function(data)         {            alert(data.info);//弹出对话框的内容为:undefined,,,怎么改才可以弹出内容              },###### 加上这么一句话: $.ajaxSetup({ dataType: 'json', contentType:'application/x-www-form-urlencoded;charset=UTF-8', cache:false }); ######alert(JSON.stringify(data))######已经是你要的格式了######直接反回map 去掉datetype

kun坤 2020-06-03 10:54:38 0 浏览量 回答数 0

回答

我觉得对于HTML+CSS的制作上面说的也都对,我补充一点自己的看法。先审查整个设计稿,在心里构思出页面的大致结构。 逐步细化每一块的结构,同时包括CSS大致怎么写,比如双列布局的时候 两个DIV 各自左右浮动,这个 在没做之前心里要有一个轮廓。否则 扎笔(键盘)就写,很容易各种返工、修改。基础。 HTML标签的用法、CSS常用的规则。一时想不起来的话,W3C、MDN去复习。 JS部分现在应该很多人都是在用jQuery ,那么对于jQuery的常用API也要有所熟悉,同 HTML、CSS一样,不清楚的话 W3C、jQuery 官网各种去刷吧。积累总结。 把你做过的东西总结一下,转化为你的经验,下次遇上同样的问题可以很快解决,否则次次百度,回回挠头,效率注定上不去的。 把一些常用的代码想办法 复用起来,比如 snippets。善用你的工具。 工欲善其事必先利其器,像了解你自己一样了解你的工具。工具是你在战场上的小(hao)伙(ji)伴(you),你连你小伙伴都不清楚,还能不能好好玩耍了,小伙伴会伐开心哒。 比如Chrome 的开发者工具,FireFox 的 Firebug。在修改CSS的时,按下shift和方向键,可以以10为基准的修改数值;alt 以 0.1 为基准。 查找元素的时候,以上两者都已实现通过 CSS选择器查找元素。如果你用DW、ST、Webstrome 这些编辑器|| IDE,那么也请熟悉她。比如ST删除行的操作,快捷键ctrl+shift+k 要远比你 退格键一个一个删或者选中一行然后删掉快;复制行的时候ctrl+shift+d 也远比你 粘贴复制 来得快一些。总之,熟悉你的小伙伴。保持学习的激情和心态。

a123456678 2019-12-02 02:20:26 0 浏览量 回答数 0

回答

根据Google Developer,Chromium项目里,渲染线程分为main thread和compositor thread。如果CSS动画只是改变transforms和opacity,这时整个CSS动画得以在compositor thread完成(而JS动画则会在main thread执行,然后触发compositor进行下一步操作)在JS执行一些昂贵的任务时,main thread繁忙,CSS动画由于使用了compositor thread可以保持流畅,可参考adobe的博客。在主线程中,维护了一棵Layer树(LayerTreeHost),管理了TiledLayer,在compositor thread,维护了同样一颗LayerTreeHostImpl,管理了LayerImpl,这两棵树的内容是拷贝关系。因此可以彼此不干扰,当Javascript在main thread操作LayerTreeHost的同时,compositor thread可以用LayerTreeHostImpl做渲染。当Javascript繁忙导致主线程卡住时,合成到屏幕的过程也是流畅的。为了实现防假死,鼠标键盘消息会被首先分发到compositor thread,然后再到main thread。这样,当main thread繁忙时,compositor thread还是能够响应一部分消息,例如,鼠标滚动时,加入main thread繁忙,compositor thread也会处理滚动消息,滚动已经被提交的页面部分(未被提交的部分将被刷白)。CSS动画比JS流畅的前提:在Chromium基础上的浏览器中JS在执行一些昂贵的任务同时CSS动画不触发layout或paint在CSS动画或JS动画触发了paint或layout时,需要main thread进行Layer树的重计算,这时CSS动画或JS动画都会阻塞后续操作。参考CSS Triggers,只有如下属性的修改才符合“仅触发Composite,不触发layout或paint”:backface-visibilityopacityperspectiveperspective-origintransfrom所以只有用上了3D加速或修改opacity时,才有机会用得上CSS动画的这一优势。因此,在大部分应用场景下,效率角度更值得关注的还是下列问题。是否导致layoutrepaint的面积是否是有高消耗的属性(css shadow等)是否启用硬件加速那么Chromium以外的其他浏览器呢?CSSTrick里比较了一次效率。Animated properties JS-based Animation更快 CSS-based Animation更快top, left, width, height Windows Surface RT, iPhone 5s (iOS7), iPad 3 (iOS 6), iPad 3 (iOS7), Samsung Galaxy Tab 2, Chrome, Firefox, Safari, Opera, Kindle Fire HD, IE11 (none)translate, scale Windows Surface RT, iPhone 5s (iOS7), iPad 3 (iOS7), Samsung Galaxy Tab 2, Firefox, Opera, IE11 iPad 3 (iOS6), Safari, Chrome可以看到,Chromium以外的其他浏览器没有这方面的CSS动画效率的优化。尽管MSDN提到“它可提供更好的呈现性能”,但测试并没有支持这一点。现今CSS动画和JS动画主要的不同点是功能涵盖面,JS比CSS3大定义动画过程的@keyframes不支持递归定义,如果有多种类似的动画过程,需要调节多个参数来生成的话,将会有很大的冗余(比如jQuery Mobile的动画方案),而JS则天然可以以一套函数实现多个不同的动画过程时间尺度上,@keyframes的动画粒度粗,而JS的动画粒度控制可以很细CSS3动画里被支持的时间函数非常少,不够灵活以现有的接口,CSS3动画无法做到支持两个以上的状态转化实现/重构难度不一,CSS3比JS更简单,性能调优方向固定对于帧速表现不好的低版本浏览器,CSS3可以做到自然降级,而JS则需要撰写额外代码CSS动画有天然事件支持(TransitionEnd、AnimationEnd,但是它们都需要针对浏览器加前缀),JS则需要自己写事件CSS3有兼容性问题,而JS大多时候没有兼容性问题

a123456678 2019-12-02 02:22:21 0 浏览量 回答数 0

问题

【javascript学习全家桶】934道javascript热门问题,阿里百位技术专家答疑解惑

管理贝贝 2019-12-01 20:07:22 6202 浏览量 回答数 1

回答

首先要把接受到的json格式字符串 转化为json对象。那你可以这样: ①如果用jquery的ajax,只需要指定接受字符串的dateType为 json,这时候的实参data就已经是js对象了。 ②如果不用jquery的ajax,直接执行eval(如三楼采用的: var jsonObj = eval(jsonStr);eval 本身的作用就是执行字符串 )。 ③还有就是parseJSON();和parse()这俩方法了(貌似需要浏览器支持,或者引入JSON2.js)。 得到了 对象一切就好说了。如果是数组格式(比如后端的json是根据ArrayList序列化来的)可以像操做数组一样直接根据index取得相应数据。如果是键值对(后端是map序列化成的标准json格式{'key1':value1;'key2':value2;...}) 那就直接key.value就能取得相应数据了。 ######受用了 。谢谢!###### 后台语言是php么?我的是php,一份样码: 后台用 echo json_encode("xx");返回json数据,下面的success:function(data)中的data就是json数据,然后就eval(data)赋给一个变量,然后当这个变量像数组一样使用,我也不知道为什么用eval,之前百度人家是这么写的,大概就是将json数据转换成数组吧,我是半桶水。然后可以用jquery的append或者html方法添加到你想添加的地方。 $.ajax({ type:"GET", url:"../act/zoneAction.php?action=find_nextpage_comment&page="+page+"&picid="+picid, dataType:"json", success:function(data){ var html = ''; var result = eval(data); var length = result.length>2?2:result.length; for(var i = 0;i<length;i++) { html+="<div class=\"guest_comment\"><div class=\"guest_cover\"><img src=\""+result[i]['user']['Cover']+"\"></div><div class=\"guest_comment_content\"><p>"+result[i]['Content']+"</p></div><div style=\"clear:both;\"></div></div><hr style=\"color:#ffffff;width:100%;clear:both;\">"; } $("#change_comment").html(html); } }); ######谢谢了!很受用######jquery###### function makeEducPlanTable(){ var data = eval('(' + responseText + ')'); var tab = $("#educPlanContent"); var html = []; if(data.length > 0){ var trBgColor = '#FFFFFF'; for(var i=0;i<data.length;i++){ if(i%2 == 0){ trBgColor = "#FFFFFF"; }else{ trBgColor = '#F5FAFA'; } var plan = data[i]; html.push("<tr align='center' valign='middle' bordercolor='#0000FF' bgcolor='"+ trBgColor +"' id='childPlan'"+ plan.childNo +">"); html.push("<td><input type='checkbox' value='"+ plan.childNo +"' name='childPlan'/></td>"); html.push("<td>"+ plan.num +"</td>"); html.push("<td>"+ plan.age +"</td>"); html.push("<td>"+ plan.startEduAge +"</td>"); html.push("<td>"+ plan.sEduStage +"</td>"); html.push("<td>"+ plan.eEduStage +"</td>"); html.push("</tr>"); } } tab.html(""); tab.append(html.join("")); }######回复 @笑医久久 :######回复 @易万军 : 普通的JavaScript######能否告知这是什么技术啊?######多讲一句,1楼贴的代码第七行的  eval(data);是多余的。######哦哦,谢谢啊:)

kun坤 2020-06-07 16:26:53 0 浏览量 回答数 0

问题

jQuery制作图表之一 线图(使用插件jquery.jqchart.js)的使用总结之二:报错

kun坤 2020-06-14 09:53:44 0 浏览量 回答数 1
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 企业信息查询 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 2020阿里巴巴研发效能峰会 企业建站模板 云效成长地图 高端建站