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

    第50次文章:JQuery基础

    JavaScript框架:本质上就是一些js文件,封装了js的原生代码而已 二、快速入门 1、下载JQuery (1)目前jQuery有三个大版本 1.x:兼容ie678,使用最为广泛的,官方只做BUG...最新版本:3.2.1(2017年3月20日) (2)jquery-xxx.js 与 jquery-xxx.min.js区别 jquery-xxx.js:开发版本。给程序员看的,有良好的的缩进和注释。...程序加载更快 2、导入JQuery的js文件 导入jquery-xxx.min.js 3、使用 var div1 = $("#div1") alert(div1.html()) 三、JQuery对象和JS...语法:$("html标签名")获得所有匹配标签名称的元素 id选择器。语法:$("#id的属性值")获得与指定id属性值匹配的元素 类选择器。...语法:$(".class的属性值")获得与指定的class属性值匹配的元素 并集选择器。语法:$("选择器1,选择器2...") 获取多个选择器选中的所有元素 (2)层级选择器 后代选择器。

    2K30

    JQuery 入门学习(一)

    所以我还是情不自禁腾出一小点功夫要写一个小教程,记录一下我眼中的JQuery,也方便和我一样初学这个框架的同学学习。..." src="https://www.leavesongs.com/content/templates/K-BLUE1.2/js/jquery-1.8.3.min.js">    ...当然,Jquery还支持更多动画效果,有很多方法,大家可以自己去探索。 改变元素大小     我们可以用Jquery的height()和width()方法改变一个元素的大小。...这个工作也可以用css()方法完成。通过这个方法,我们可以动态改变我们网站的元素,来适应用户浏览器的分辨率。...Jquery封装了很多我们平时用的最多的方法和过程,使得前端编程变得简便。     往后我还会继续详细介绍Jquery语法,ajax的使用,还会分享一些Jquery的插件及其用法。

    2.1K11

    前端基础-JQuery(一)

    最新版本:3.2.1(2017年3月20日) * jquery-xxx.js 与 jquery-xxx.min.js区别: 1. jquery-xxx.js:开发版本。...体积大一些 2. jquery-xxx.min.js:生产版本。程序中使用,没有缩进。体积小一些。程序加载更快 2. 导入JQuery的js文件:导入min.js文件 3....JQuery对象和JS对象区别与转换 1. JQuery对象在操作时,更加方便。 2. JQuery对象和js对象方法不通用的. 3....标签选择器(元素选择器) * 语法: $("html标签名") 获得所有匹配标签名称的元素 2. id选择器 * 语法: $("#id的属性值") 获得与指定id属性值匹配的元素...类选择器 * 语法: $(".class的属性值") 获得与指定的class属性值匹配的元素 4. 并集选择器: * 语法: $("选择器1,选择器2....")

    1.4K20

    前端-学习JavaScript是一种什么样的体验?

    JSX 是对 JS 的扩展,它看起来跟 XML 差不多,可以用来写 HTML,你可以认为 JSX 是一种更优雅的 HTML 写法。 为什么不用 HTML 了……?...不知道你在说什么……你说了太多我听不懂的名词了。我只是想从服务器取点数据,我以前用 jQuery 挺好的,从 CDN 引入 jQuery,我就能用 AJAX 获取数据了,现在不能这样做吗?...我们不是在说 JavaScript 吗?! Typescript 也是 JavaScript 呀,它比 JS 更好用,是 JS 的超集,它是基于 ES6 的,就是我们刚才谈论的 ES6,你还记得吧。...好吧,有了这些,我终于可以获取数据然后用 React 展示数据了,对吧? 你的网页需要处理状态变更吗? 唔,不用吧。我只是想展示数据。...还有吗? PlatesJS? jQuery-tmpl? Handlebars? 还有些人在用。 有点像。有哪些跟最后一个比较像的? Mustache, underscore?

    1.6K30

    JSON与JSONP的区别

    这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服务器端代理来解决。 但到目前为止最被推崇或者说首选的方案还是用JSON来传数据,靠JSONP来跨域。...({"result":"我是远程js带来的数据"}); 运行之后查看结果,页面成功弹出提示窗口,显示本地函数被跨域的远程js调用成功,并且还接收到了远程js带来的数据。...很欣喜,跨域远程获取数据的目的基本实现了,但是又一个问题出现了,我怎么让远程js知道它应该调用的本地函数叫什么名字呢?...3、聪明的开发者很容易想到,只要服务端提供的js脚本是动态生成的就行了呗,这样调用者可以传一个参数过去告诉服务端“我想要一段调用XXX函数的js代码,请你返回给我”,于是服务器就可以按照客户端的需求来生成...+ ' 元,余票: ' + json.tickets + ' 张。')

    2.2K20

    前端工程化发展历史

    我现在需要写一个展示用户活动的页面,我需要通过 RESTful 接口获取数据,然后展示到可筛选的表格中。我是不是可以用 jQuery 去获取数据和展示?...好吧,那我可以用 ES6 来编程吗? 当然可以,但你不能使用一些最新的特性,比如 async 和 await。...目前这些对于我来说应该用不到,我只想拉取数据然后展示出来。让我们回到 React,我怎么用 React 从服务器获得数据? emmm,你不是用 React 获取数据,你只是用它展示数据。...我们对简单的定义可能不太一样,,,所以现在我拿到了数据,我就可以用 React 展示数据了吧? 你的应用要控制所有 state 的变化吗? 我觉得不用,我只是需要展示数据。...还有吗? PlatesJS? jQuery-tmpl? Handlebars?这些还有些人在用。 有和最后一个比较像的吗? PlatesJS? jQuery-tmpl? Handlebars?

    1.2K20

    说说JSON和JSONP( 含jquery例子)

    这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服务器端代理来解决。 但到目前为止最被推崇或者说首选的方案还是用JSON来传数据,靠JSONP来跨域。...({"result":"我是远程js带来的数据"}); 运行之后查看结果,页面成功弹出提示窗口,显示本地函数被跨域的远程js调用成功,并且还接收到了远程js带来的数据。...很欣喜,跨域远程获取数据的目的基本实现了,但是又一个问题出现了,我怎么让远程js知道它应该调用的本地函数叫什么名字呢?...3、聪明的开发者很容易想到,只要服务端提供的js脚本是动态生成的就行了呗,这样调用者可以传一个参数过去告诉服务端“我想要一段调用XXX函数的js代码,请你返回给我”,于是服务器就可以按照客户端的需求来生成...+ ' 元,余票: ' + json.tickets + ' 张。')

    1.9K50

    一文入门jQuery

    最新版本:3.2.1(2017年3月20日) jquery-xxx.js 与 jquery-xxx.min.js区别: jquery-xxx.js:开发版本。给程序员看的,有良好的缩进和注释。...程序加载更快 导入JQuery的js文件:导入min.js文件 使用 var div1 = $(“#div1”); alert(div1.html()); JQuery对象和JS对象区别与转换 JQuery...JQuery对象和js对象方法不通用的....id选择器 语法: $(“#id的属性值”) 获得与指定id属性值匹配的元素 类选择器 语法: $(“.class的属性值”) 获得与指定的class属性值匹配的元素 并集选择器 语法: $(“选择器...]”) 包含指定属性等于指定值的选择器 复合属性选择器 语法: $(“A[属性名=‘值’][]…”) 包含多个属性条件的选择器 过滤选择器 首元素选择器 语法: :first 获得选择的元素中的第一个元素

    4.6K20

    jQuery 插件 的this 指向问题(实战)

    官网:http://www.daterangepicker.com/ 搭建项目环境 daterangepicker js 基于 jQuery 和 moment css基于bootstrap html...代码 输入框选择日期 label 用于显示选中的时间 button1 清除 label 时间 button2 重新赋值 label 时间 js代码实现功能 1. input 使用插件,并设置回调函数用来将控件选中的值赋值给...一个办法,重新获得 input 的时间,写个方法。如果是这样的话,和 this 有毛线关系。 既然是重新设置 label 的时间,那之前肯定是设置过的,什么时候设置的呢?...this 指向 jQuery对象$("input[...]")。 到了这时候应该怎么办?放弃吗?怎么可能。...关于插件作者代码 当然了,代码中返回什么对象,返回哪个对象的问题,我不明白作者是怎么想的。如果是我来写插件,肯定不会返回一个jQuery对象,因为没什么必要。

    1.8K10

    在没有DOM操作的日子里,我是怎么熬过来的(上)

    前言 在我动笔写这篇文章的时候,我刚刚从我的项目中删除了最后一行JQuery代码。至于我为何要这么做,请听闰土娓娓道来。前几年我还在想,假如有一天,前端世界里不能再直接操作dom了,我该怎么办?...那么接下来,正文从这开始~ 熟悉闰土的朋友都知道,我是从JQ时代过来的前端,在刚接触react和vue这类MVVM框架的时候,完全可以用一脸懵逼来形容我,最为贴切。...刚开始我是直接下载vue.js文件,并用script标签引入,此时vue会被注册为一个全局变量。...按照我以前的开发经验,如果不直接操作dom,难道vue还有更先进的办法吗?答案是,有的。 vue大法好,应该有的尽量有。...其实两者并没有什么功能上的交集,如果你非要问可不可以用vue来实现jQuery所能实现的功能的话,我只想说,能,并且更加简洁。

    3K120

    webpack使用优化(基本篇)

    方法二: 直接实现一个server.js,启动服务器(需要启动热替换plugin),下面是我在业务中用到的一个范例。...这时我们可以用到CommonsChunkPlugin,我们指定好生成文件的名字,以及想抽取哪些入口js文件的公共代码,webpack就会自动帮我们合并好。...我提供以下思路 (1)当非js文件改变的时候,不要去跑js打包的任务 (2)非公共的js发生改变的时候,只执行这个js的打包任务 ? 下图是优化了之后,在开发过程中非公共文件修改后的编译速度。...webpack会取代gulp吗 未必,但在开发环境,以及不需要一些功能如合图的情况下,webpack可以完全取代gulp,至少现在我有三个项目完全用webpack进行开发和部署上线 要取代gulp,还需要不断发展它的...有样版boilerplate项目吗 目前有一个还没有成型的,我先放在这里,目前可以通过查看gulpfile.js和webpack.config.js文件进行学习 steamer_branch_v2。

    2.2K100
    领券