首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js行内式遇到的一些问题 DOM对象和jq对象转换的问题

    这两天给后台页面做页面,我的工作比较简单,只需要写结构和样式就行了,写好之后,后端大哥用ajax重写页面加载数据,顺便给标签添加选中事件,做选中后变色的处理,但是却遇到一个问题,一直选不到触发事件这个对象...3、如果用jq的$方法,写法要注意,如果想用$()这样的jq对象调用js的value方法,必须在后面加个get(0),即 $('#btn').get(0).value //123; $("#btn")得到的是...jquery封装的对象,里面提供了jquery的一些方法,并不是html原生对象,通过get(0)才能取到jquery对象里面关联的html对象,从而操作html对象的属性和方法。...这里涉及到DOM对象和jq对象的转换问题 jQuery对象转成DOM对象:  两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);  (1)jQuery对象是一个数据对象...,可以通过[index]的方法,来得到相应的DOM对象。

    1.4K50

    Js原生Ajax和Jquery的Ajax

    ,直到服务器端将数据返回 给Ajax引擎后,会触发你设置的事件,从而执行自定义的js逻辑代码完成某种页面1 功能。...二、js原生的Ajax技术(了解) js原生的Ajax其实就是围绕浏览器内内置的Ajax引擎对象进行学习的,要使用js原 生的Ajax完成异步操作,有如下几个步骤: 1)创建Ajax引擎对象 2)...为Ajax引擎对象绑定监听(监听服务器已将数据响应给引擎) 3)绑定提交地址 4)发送请求 5)接受响应数据 //原生js,Ajax异步访问 function fn1(){...注意:json的key是字符串 jaon的value是Object json的解析: json是js的原生内容,也就意味着js可以直接取出json对象中的数据 2.Json的转换插件 将java的对象或集合转成...js原生的ajax进行了封装,封装后的ajax的操 作方法更简洁,功能更强大,与ajax操作相关的jquery方法有如下几种,但开发中 经常使用的有三种 1).get(url, [data], [callback

    21.3K20

    js中的ajax和jquery中的ajax学习笔记

    一、JS中的Ajax ajax:异步访问/局部刷新 1.同步和异步 2.Ajax的运行原理 页面请求---->Ajax引擎----->提交给服务器端 这段时间可以做任何事情 服务器端响应------...>Ajax引擎----->触发设置好的事件,执行自定义的js逻辑代码,然后显示页面 js改变页面,其原理是改变的是内存 3.ajax实现 创建ajax引擎 为ajax对象绑定监听 绑定提交地址(get/...post) 发送请求 总结: 所有的异步访问都是通过ajax引擎 二、JSON传递数据(重点) 1.JSON在ajax中数据传递格式 JSON传递数据的一种格式,当使用异步传输的时候, 当服务器响应数据的时候...,需要使用一种格式在客户端和服务端进行传递 当服务端响应给客服端的时候响应的是字符串或者xml(ResponseText/ResponseXML), 如果响应一个对象给客户端的时候就不能表示. 2.JSON...格式 三、jQuery中的Ajax(重点) 再实际开发中使用下面三种方式: $.post(url,[date],[callback],[type]); $.get(url,[date

    3.7K40

    用JS 封装类似于JQ中animate的动画效果

    前言:现在网上对这种类似的代码繁多,但是都是各家所长,希望源码时代H5前端讲师写的代码能够帮助到需要这样效果的朋友。...首先说一下,这篇文章对初学者有很大的帮助,特别是在学习原生JS的初学者,能够帮助你们能够更好的建立好良好的思路和对原生JS的更深一步的了解。废话我们就不多说了。 首先看一下我们要实现什么功能吧。...一个是:运动到固定的距离; 一个是:宽度变为一定宽度; 因为代码里面注释更能帮助到更多的朋友,所以这里就不单独做参数解释了。...运动到400 宽度变为400 Css div { position: absolute; width: 100px; height: 100px; background-color: pink; } 核心js...,针对参数这块呢相对而言比较单一,这段代码呢一般是针对入门级的朋友,希望能够给您带来帮助,后续我还会更新参数稍微复杂一点的效果,希望您的持续关注。

    7.2K50

    新人提问 | 一个自学前端四个月的新人来信

    首先,我愿意相信他花费了四个月的时间,肯定是有一定的自学成果。什么html,css,js,jq,angular这些东西,多少都会一些。让他说应该能说出来这些都是什么东西,但这只能算是了解。...而且注意看他的问题描述,他把ajax和jq并列写出来了,ajax并不是一种技术,它只是一种获取数据的方式。JQ算是一种技术吧,但ajax肯定不是。...他把jq和ajax并排着写,我盲目猜测他可能是分不太清ajax和jq的关系,只是把教学视频或某教程里的jquery和ajax章节看懂了而已。 当然,也许他只是想告诉我,他现在会哪些东西而已。...与这个例子相对应的,就是你所谓“学习了的”html,css,js,jq,这些东西你只是把它们从书本上搬到了你的脑子里,你的脑子就是上面那个例子中的仓库。...说到这里,此文的核心观点出来了,有效的练习是“你要熟悉JS要操作的东西”。就是你要熟悉DOM和JSON这二个东西。 DOM怎么熟悉? 我建议你多练练切图、写静态页面。多研究复杂的前端页面是什么结构?

    1.1K50

    ajax 和 js 事件的执行顺序

    有一个需求,滚轮滚动到相应位置的时候执行当前的动画,这个动画在footer里面,而网页的主体通过ajax进行渲染,我在js里面调用ajax渲染数据,然后再获取主体的高度,滚动到该高度的时候执行动画。...我大致想了两种解决办法,均以失败告终,本地是ajax先执行,服务器是js先执行。...让获取高度的事件时间延时500ms,发现最后获取不到事件了; 将该事件写在ajax的success回调里面,结果是只有打开网页第一次能够成功,然后不管刷新多少次均无效,事件被屏蔽,所以方法二也被废除;...最后我想到了,ajax不就是一种异步方法,我将其改为同步不就行,先让ajax执行完在执行js事件。...当然这样做有弊端的,如果接口出问题,ajax渲染失败,那么整个网页的js都将执行不了。不过我想真到了数据都渲染不出的地方,访问网页就没有意义了,所以最后我采用了这种方法。

    3.7K30

    js中的对象

    js中的对象 在编程语言中,提到对象,一般都含有一个隐藏的上下文面向对象编程。 面向对象编程(Object Oriented Programming,缩写为 OOP)是目前主流的编程范式。...那么,“对象”(object)到底是什么?我们从两个层次来理解。 (1)对象是单个实物的抽象。 一本书、一辆汽车、一个人都可以是对象,一个数据库、一张网页、一个与远程服务器的连接也可以是对象。...2. js中对象的分类 众观整个js中的对象,可以分成三类: 内置对象 宿主对象 自定义的对象 2.1 内置对象 “由ECMA实现、不依赖于宿主环境的对象,这些对象在js程序执行之前就已经存在了”。...js有两个运行的环境: (1) 浏览器。我们在.html文件中加入js代码,再通过浏览器来打开,这里浏览器就是javascript的运行环境。 在浏览器端的js而言,宿主对象就是浏览器对象。...nodejs也提供了运行js代码的环境。在node中有一个global对象 2.3 自定义对象 这才是我们展示身手的地方。例如: $, Vue 等等。 3.

    8.6K50

    如何使用 jq 接收 blob 数据

    如何使用 jq 接收 blob 数据 ⭐️ 更多前端技术和知识点,搜索订阅号 JS 菌 订阅 目前 jq 用的人还是挺多的,在一些简单的促销 h5 页面,用 jq 去实现一些简单的功能还是比较方便的。...本文展示如何用 JQ 去请求一个 blob 对象的 img 图片并渲染到页面上 默认 jq 的 ajax 对象中的 dataType 无法设置返回资源为 blob 那么就需要手动设置,使其能够最终请求一个...blob 对象 解决办法: 使用原生 XMLHttpRequest var xhr = new XMLHttpRequest() xhr.onreadystatechange = function...ajax 另外还可以使用 xhr 或 xhrFields 配置来修改返回资源的类型 重写 xhr jq 的 ajax 方法提供了一个 xhr 属性,可以自由定义 xhr jQuery.ajax({...的 ajax 方法中 xhrFields 属性,定义响应类型为 blob jQuery.ajax({ url: 'https://httpbin.org/image/png', cache

    3.9K30

    对Jquery+JSON+WebService的一点认识

    Jquery作为一款优秀的JS框架,简单易用的特性就不必说了。在实际的开发过程中,使用JQ的AJAX函数调用WebService 的接口实现AJAX的功能也成了一种比较普遍的技术手段了。...本文所叙述的要点为: 1、对于WebService接口复杂类型的参数,JQ调用的时候传入的JSON数据应该如何表示。? 2、JQ对WebService调用获取JSON数据类型。...3、JQ调用的时对Webservice返回的复杂数据类型有什么样要求。? 环境:JQ版本:1.4.2、VS2008 SP1。...可能有些朋友对JSON对象和JSON对象的字符串 不大好区分,其实,字符串类似C#里用“”引起来的东西,而JSON对象是直接写在{}中的。...调用过程与简单参数类型类似,就是通过在JS中用一个表示Person的person对象的字符串,发往客户端后,WebService会自动将person对象的字符串 转换为Person实体对象。

    1.5K20
    领券