首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

jQuery

jQuery特性 隐式迭代 链式编程,在于一个方法返回的是一个jQuery对象,既然是jQuery对象就可以点出jQuery的方法来 window.onload 资源加载完成时调用 $(function...获取和设置文本内容 text() 方法不写参数获取文本 text() 方法写参数设置文本 如果设置的文本中包含标签,是不会把这个标签给解析出来的$('#div1').text('我是新设置的文本我是链接') //我是新设置的文本我是链接 css() 设置和获取样式 获取样式属性值 $("#div1").css("width"); 设置的是行内样式$('#div1...需要转换为jquery对象 }) mouseover 事件在鼠标移动到选取的元素及其子元素上时触发 mouseenter 事件在鼠标移动到选取的元素上时触发 以后如果有鼠标移入事件,请使用mouseenter...,而不是mouseover 鼠标离开事件使用mouseleave,而不是mouseout 案例-突出显示 案例-手风琴 淘宝服饰精品 index() $(‘li’).index() 获取li标签在兄弟元素间的索引值

1.1K20

jQuery基础

选择器 筛选器 样式操作 文本操作 属性操作 文档处理 事件 动画效果 插件 each、data、Ajax 四、jQuery有哪些版本?...1.x:兼容IE678,使用最为广泛的,官方做BUG维护,功能不再新增。...因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4 (2016年5月20日) 2.x:不兼容IE678,很少有人使用,官方做BUG维护,功能不再新增。...如果不考虑兼容低版本的浏览器可以使用2.x,最终版本:2.2.4 (2016年5月20日) 3.x:不兼容IE678,支持最新的浏览器。需要注意的是很多老的jQuery插件不支持3.x版。...文档处理 添加到指定元素内部的后面 $(A).append(B)// 把B追加到A $(A).appendTo(B)// 把A追加到B 添加到指定元素内部的前面 $(A).prepend(B)// 把B前置

1.9K120

JS读书心得:《JavaScript框架设计》——第12章 异步处理

在寻找良药之前,我们需要先了解的是形成回调地狱的原因,从局部看则是在发起异步任务前必须满足某些前置条件,从全局看则是异步执行模式下的流程控制。...其实在同步执行模式当中也存在同样的情况,只不过同步执行模式与我们平常思考的方式一致,因此先满足前置条件再执行同步任务则是顺理成章的事情,也没多大的感觉。但到了异步任务当中则成为突出的问题。...想一想,如果异步任务A->异步任务B->异步任务C均以前一个异步任务为前置条件,那么它们的关系其实也就是同步执行,但代码表达上却被迫要使用异步编码模式,这种内在关系与表现形式的差异就造就出著名的回调地狱了...function(reason){ }) .then(function(val){ console.log(val) }, function(reason){ })   我是从jQuery.Deferred...(jQuery1.5-2.1)源码剖析》 《JS魔法堂:mmDeferred源码剖析》 《JS魔法堂:ES6新特性——GeneratorFunction介绍》 《JS魔法堂: Native Promise

86770

【领会要领】web前端-轻量级框架应用(jQuery基础)

jquery安装,从jquery下载jquery库,二是从cdn中下载。...="text/JavaScript"> $(document).ready(function(){ // 测试 $("#btn1").click(function(){ alert("文本内容...向每个匹配的元素内部追加内容 appendTo() 将所有匹配的元素追加到另一个指定的元素集合中 注意:$(A).append(B)的操作,不是将B追加到A中,而是将A追加到B中 prepend() 向每个匹配的元素内部前置内容...prependTo() 将所有匹配的元素前置到另一个指定的元素集合中。...注意:$(A).prepend(B)的操作,不是将B前置到A中,而是将A前置到B中 after() 在每个匹配的元素之后插入内容 insertAfter() 将所有匹配的元素插入另一个指定的元素集合的后面

2.1K20

前端开发技术(vscode怎么下载)

guides 显示代码对齐辅助线,很好用。 Rainbow Brackets 为圆括号,方括号和大括号提供彩虹色。...Indent-Rainbow 用四种不同颜色交替着色文本前面的缩进。 filesize 在状态栏中显示当前文件大小,点击后还可以看到详细创建、修改时间。...找到的TODO也可以在打开的文件中突出显示。 VScode主题集合 Night Owl 一个非常适合夜猫子的 VS Code 主题。像是为喜欢深夜编码的人精心设计的。...jQuery Code Snippets JQuery代码提示,超过130个用于JavaScript代码的jQuery代码片段。 只需键入字母’jq’即可获得所有可用jQuery代码片段的列表。...伟大的C#编辑支持,包括语法突出显示,智能感知,转到定义,查找所有引用等。 调试支持.NET Core(CoreCLR)。注意:不支持单声道调试。桌面CLR调试支持有限。

2.4K20

Visual Studio Code(CS code)你们都在用吗?或许你们需要看一下这篇博文

8.guides 显示代码对齐辅助线,很好用 ? 9.Rainbow Brackets 为圆括号,方括号和大括号提供彩虹色。...11.Indent-Rainbow 用四种不同颜色交替着色文本前面的缩进 ? 12.filesize 在状态栏中显示当前文件大小,点击后还可以看到详细创建、修改时间 ?...找到的TODO也可以在打开的文件中突出显示。 ? b.VS code 主题集合 1.Night Owl 一个非常适合夜猫子的 VS Code 主题。像是为喜欢深夜编码的人精心设计的。 ?...3.jQuery Code Snippets  jQuery代码提示 超过130个用于JavaScript代码的jQuery代码片段。...伟大的C#编辑支持,包括语法突出显示,智能感知,转到定义,查找所有引用等。 调试支持.NET Core(CoreCLR)。注意:不支持单声道调试。桌面CLR调试支持有限。

2.9K20

Jquery DataTable 的学习之基础配置(二)

2017-01-12 03:19:31 本文将介绍jquery DataTable的一些基础配置,如分页、排序、过滤等,代码如下 $(document).ready(function() { $('...: true, //排序功能 "bInfo": true,//页脚信息 "bAutoWidth": true//自动宽度 }); } ); 1.1分页功能 当开启分页功能后,jquery...1.2改变每页显示数据数量 此功能的前提是需要开启分页功能,它可以控制每页显示的数据量,插件会根据每页显示的数据量自动进行分页处理,同样不需要后台控制,与前端页面相关。...1.3过滤功能 过滤功能也可以叫做为搜索查询功能,该功能在大数据量的表格中作用尤为突出,当数据量很大时,用户不想通过翻页的方式来逐条搜索,通过后台搜索查询的方式又很慢,这时就显示出了该功能的优越性。...1.5页脚信息 填入页脚信息会在表格最下方显示一个文字信息,来对表格进行描述说明等。 1.6自动宽度 插件会根据表格内容对宽度进行自动处理

1.2K10

jQuery 效果

jQuery 给我们封装了很多动画效果,最为常见的如下: 显示隐藏:show() / hide() / toggle() ; 划入画出:slideDown() / slideUp() / slideToggle...jQuery为我们提供另一个方法,可以停止动画排队:stop() ;  一、显示隐藏 显示隐藏动画,常见有三个方法:show() / hide() / toggle() ; 语法规范如下: ?...这个速度和透明度要必须写                $("div").fadeTo(1000, 0.5);           });       });     突出显示案例...)     // 其中over和out为两个函数 over:鼠标移到元素上要触发的函数(相当于mouseenter) out:鼠标移出元素要触发的函数(相当于mouseleave) 如果写一个函数...事件切换 hover 如果写一个函数,那么鼠标经过和鼠标离开都会触发这个函数            $('.nav>li').hover(function(){                $

6.4K30

基于Vue的无渲染的富文本编辑器——tiptap!

市面上有不少富文本编辑器,但大多数可能并不能满足你的需求。编辑器应该易于扩展,并且不应基于旧的依赖项(例如jQuery)。...tiptap是基于Prosemirror进行扩展开发的没有很多公司在Prosemirror(富文本工具包)基础上进行开发。 无渲染要如何理解?...菜单的外观或在DOM中的显示位置。这完全取决于使用者。...代码突出高亮显示 ? 历史记录 ? 只读 ? 嵌入 ? 占位符 ? 焦点 ? 可通过前后端搭配实现协同编辑 ? 标题 ? 末尾段落 可理解为对图片等的解释说明等等,可灵活使用 ?...ProseMirror简介 ProseMirror 用于在网络应用程序上构建富文本编辑器的工具包,视图解决Markdown和经典WYSIWYG(所见即所得)编辑器。

4.8K40

谷歌英伟达发布无人驾驶系统 PilotNet,CNN如何做转向决策?

为了深入了解学习系统如何决定要做什么,并进一步改进系统,且建立其系统将安全驾驶放在首位的信任,我们开发了一种简单的方法来突出显示在确定转向角度方面最显著的图像。我们把这些突出的图像部分称为显著物体。...注意在最上面的图像中,汽车底盘以及指示车道的线(虚线和实线)被突出显示,而人行横道上几乎水平的线被忽略。在中间的图像中,道路上没有车道,但是突出显示了道路边缘的停放汽车。...在底部的图像中,道路边缘的草被突出显示。没有任何手工编码,这些检测显示了 PilotNet 如何模拟人类驾驶员使用这些视觉线索的方式。 ? 图5 测试车内部 图5 显示了我们的测试车内的一个视图。...PilotNet 监视器位于图像底部正中,显示诊断信息。 ? 图6 PilotNet 监视器画面 图6是 PilotNet 监视器画面的放大图。上面的图像由前置摄像头捕获。...图7 实验图像显示了转向角度图像位移的效果 图 7 显示了上述过程。顶部图像显示了我们的数据采集车捕获的场景。下一个图像显示使用我们的方法识别的显著突出区域。下一个图像显示突出区域扩大。

1.1K80
领券