首页
学习
活动
专区
圈层
工具
发布

jQuery基础图文系列

选择一个上级元素的最后一个同类子元素 :empty 选择的元素里面没有任何内容,这里没有内容指的是一点内容都没有 :not() 否定选择器 :first-line 用于选取指定选择器的首行 :first-letter...常用的函数: .get() 获取指定的dom元素 .index() 返回指定元素相对于其他指定元素的index位置 .size() 返回被jQuery选择器匹配的元素的数量 .toArray() 以数组的形式返回...() 从元素本身开始,逐级向上元素匹配,并返回最先匹配的祖先元素 .contents() 获得匹配元素集合中每个元素的子元素 .each() 对jQuery对象进行迭代,为每个匹配元素执行函数 .end...$("img").length;//返回图片标签的个数 设置或返回被选元素的属性值。...$("p").remove();//删除所有p标签 查找元素 $("p").find("span")//查找p标签下的span标签 显示隐藏的匹配元素 $("p").show();//显示p标签 隐藏显示的元素

5.3K10

Sublime快捷键与常用插件配置总结 【原创】

合并行(已选择需要合并的多行时) Ctrl+L 选择整行(按住-继续选择下行) Ctrl+M 光标移动至括号内开始或结束的位置 Ctrl+T 词互换 Ctrl+U 软撤销 Ctrl+P 查找当前项目中的文件和快速搜索...;输入 @ 查找文件主标题/函数;或者输入 : 跳转到文件某行; Ctrl+R 快速列出/跳转到某个函数 Ctrl+K Backspace 从光标处删除至行首 Ctrl+K+B 开启/关闭侧边栏...闭合当前标签 Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑 Tab 缩进 自动完成 F2 下一个书签 F6 检测语法错误 F9 行排序(按a-z) F11 全屏模式...】 自动搜索提示相关的文件路径,如 js、css、img 等 【BracketHighlighter】 高亮选中的括号,支持代码折叠 【Color Highlighter】 色彩高亮 【FileHeader...config --global user.email "username@email.com" http://sublimegit.readthedocs.io 【GitGutter】 高亮相对上次提交变动的行

2.4K80
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    sublime Text3使用笔记

    4、将代码粘贴进去按回车等待安装的完成。...输入theme-选择合适主题 输入js选择snippets 输入jquery选择jquery自动提示 Emmet使用 ctrl+n创建一个新文件,然后ctrl+shif+p掉出命令窗口,输入ssjs,即...F6 单词检测拼写 搜索类 Ctrl+F 打开底部搜索框,查找关键字。 Ctrl+shift+F 在文件夹内查找,与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找,略高端,未研究。...Ctrl+G 打开搜索框,自动带:,输入数字跳转到该行代码。举个栗子:在页面代码比较长的文件中快速定位。 Ctrl+R 打开搜索框,自动带@,输入关键字,查找文件中的函数名。...Esc 退出光标多行选择,退出搜索框,命令框等。 显示类 Ctrl+Tab 按文件浏览过的顺序,切换当前窗口的标签页。 Ctrl+PageDown 向左切换当前窗口的标签页。

    1.9K110

    【博客同步】Sublime快捷键与常用插件配置总结

    合并行(已选择需要合并的多行时) Ctrl+L 选择整行(按住-继续选择下行) Ctrl+M 光标移动至括号内开始或结束的位置 Ctrl+T 词互换 Ctrl+U 软撤销 Ctrl+P 查找当前项目中的文件和快速搜索...;输入 @ 查找文件主标题/函数;或者输入 : 跳转到文件某行; Ctrl+R 快速列出/跳转到某个函数 Ctrl+K Backspace 从光标处删除至行首 Ctrl+K+B 开启/关闭侧边栏...闭合当前标签 Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑 Tab 缩进 自动完成 F2 下一个书签 F6 检测语法错误 F9 行排序(按a-z) F11 全屏模式...】 自动搜索提示相关的文件路径,如 js、css、img 等 【BracketHighlighter】 高亮选中的括号,支持代码折叠 【Color Highlighter】 色彩高亮 【FileHeader...config --global user.email "username@email.com" http://sublimegit.readthedocs.io 【GitGutter】 高亮相对上次提交变动的行

    1.3K00

    Web前端知识系列(包括web前端全部知识点)

    1.5.1.4.字体标签 值>内容 color:设置字体的颜色,可使用英文单词或者 16 进制 size:设置字体的大小,从 1 到 7 逐渐变大,最大显示为...根据显示的类型,主要可以分为3大类 块级标签 独占一行的标签 能随时设置宽度和高度(比如div、p、h1、h2、ul、li) 行内标签(内联标签) 多个行内标签能同时显示在一行 宽度和高度取决于内容的尺寸...br>获取属性值以www开头的对象获取属性值以cn结尾的对象获取属性值包涵it的对象...() 淡出[n9] 分别表示淡入、 淡出,当然还有一个自动切换的方法: .fadeToggle() 切换淡入淡出 上面三个透明度方法只能是从 0 到 100,或者从 100 到 0,如果我们想设置指定值就没... 代码实战: 需求:页面上的商品展示,在PC端,一行显示6个,一行显示4个,一行显示2个 4.2.2.3.栅格系统 bootstrap将每一行分成12份 一行显示6个,每行占2份 一行显示

    2.8K10

    vscode常用插件快捷键

    编辑器 Ctrl+Shift+W 切出一个新的编辑器窗口(最多3个) Ctrl+ 切换左中右3个编辑器窗口的快捷键 Ctrl+1 Ctrl+2 Ctrl+3 全屏显示 F11 放大或缩小(以编辑器左上角为基准...Up 或 Shift+Alt+Down 在当前行下方插入一行 Ctrl+Enter 在当前行上方插入一行 Ctrl+Shift+Enter 移动到行首 Home 移动到行尾 End 移动到文件结尾 Ctrl...+End 移动到文件开头 Ctrl+Home 选择从光标到行尾的内容 Shift+End 选择从光标到行首的内容 Shift+Home 删除光标右侧的所有内容(当前行) Ctrl+Delete 删除当前行...123 open in browser 在浏览器中打开页面 Live Server 以服务器的方式打开页面 搬砖常用插件 Auto Close Tag 标签自动闭合 Auto Rename Tag 开始标签和结束标签自动进行同步...jQuery Code Snippets jQuery自动提示 Path Autocomplete 路径自动补齐 ESLint 检测JS必备 Html Css Support 在标签新增class的时候会提示之前写过的

    1.2K30

    与Ajax同样重要的jQuery(1)

    jQuery框架 jQuery 1.4 是企业主流版本,从jQuery1.6 开始引入大量新特性。...input:not(:checked)") :even 选取所有元素中偶数索引的元素,从 0 开始计数 $("tr:even") ----- 选取奇数元素 :odd 选取所有元素中奇数索引的元素 ,从0...slideDown(speed, [callback]) 概述 通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。...=value] 选取属性值不为value的所有元素 [attribute ^= value] 选取属性值以value开始的所有元素 [attribute $= value] 选取属性值以value结束的所有元素...⑦:子元素过滤选择器 对某元素中的子元素进行选取 :nth-child(index/even/odd) 选取索引为index的元素、索引为偶数的元素、索引为奇数的元素 ----- index 从1开始

    11.5K60

    jQuery之高级选择器

    二.jQuery高级选择器 针对上次课有点复杂的选择器,或之前没有接触过的选择器。...同样,在jQuery里面,我们要操作页面对象还是需要找对象,找页面对象,就是通过各类的选择器来找,简化我们的业务代码量。...){ //在这里我们可以若干操作的代码 }) 2.1基本过滤选择器 基本过滤选择器 符号 说明 用法 :eq(index) index是从0开始的下一个数字,选择序号为index的元素....(选择第一个匹配的元素) $(“li:eq(1)”).css(“background”,“red”) :gt(index) index是从0开始的一个数字,选择序号大于index的元素 $(“li:gt...'background','red') }) 2.3.筛选选择器 筛选选择器(通过方法调用) 符号 说明 用法 find(selector) 查找指定元素的所有后代元素(包括子子孙孙

    54510

    前端(四)-jQuery

    选择器 基本选择器的语法:$("选择器").action(); 2.1 基本选择器 名称 语法 说明 标签选择器 element 选取指定标签名的元素 类选择器 .class 选取指定类名的元素 ID选择器...attribute=value] 指定属性等于指定值 [attribute^=value] 指定属性以指定值开头 [attribute$=value] 指定属性以指定值结尾 [attribute*=value...selector选择了的元素之外的元素 :even 选取索引是偶数的元素(index从0开始) :odd 选取索引是奇数的元素(index从0开始) 语法 说明 :eq(index) 选取索引等于index...()方法 显示 2.5 jQuery选择器注意事项 选择器的书写规范很严格,多一个或少一个空格,都会影响选择器的效果; 2.6 $("选择器").css() 方法 说明 $("选择器").css("属性名称...,如果鼠标移入到某个图片,从当前的图片开始轮播 bannerIndex++; //如果轮播图片序号大于轮播图片总数,代表轮播到最后,要从头开始 if(bannerIndex

    9.9K30

    webStorm 3.0配置使用主题背景色等

    添加完成后,右边菜单中还有一 download 按钮,单击之后,他会自动选择最新版的js库进行搜索,然后在弹出的列表中,再单击选择一个后,点击Download and Install之后,才会被下载。...自动换行设置: File | Settings | Editor --> Use soft wraps in editor 以下是jquery1.1在ws中效果,还有底下显示vim启动运行的提示,左侧显示数字标题栏名称...  17. ctrl + p: 显示默认参数 18. ctrl + shift + v: 可以复制多个文本 19. shift + enter: 智能跳到下一行 20. ctrl + k: svn 提交...():跳转到当前的行首、行尾。     {}:向上、向下跳转到最近的空行。     [{:跳转到目前区块开头。     ]}:跳转到目前区块结尾。     0: 跳转到行首。     ...#dd: 从光标所在行开始删除#行。         daB: 删除{}及其内的内容。         diB: 删除{}中的内容。

    2K10

    less(1) command

    , --help 显示帮助信息,等于交互式命令 h -a, --search-skip-screen 向前搜索默认从当前屏幕的首行开始,向后搜索默认从当前屏幕的末行开始。...该选项使得向前搜索从屏幕末行的下一行开始,向后搜索从当前屏幕首行的前一行开始,即跳过屏幕内容。...在检查新文件时,将保留标记,因此 ' 命令可用于在输入文件之间切换 ^X^X 等于 ' 命令 /PATTERN 向前搜索包含指定模式的第 N 行,N 默认为 1。从屏幕首行开始搜索。...PATTERN 向后搜索包含模式的第 N 行,N 默认为 1。从屏幕首行的前一行开始搜索。在 PATTERN 前输入指定特殊字符可以控制搜索的行为。主要有: ^N 或 !...无需事先跳转到文件首行 /@PATTERN:先输入 /,再输入 @,后输入搜索模式,最后回车 (5)从末行开始向后搜索。 G : 跳转到末行 ?

    1.2K30

    提高你的编码效率

    一、代码补全 Auto Close Tag 适用于 JSX、Vue、HTML,能自动补全要闭合的标签 Auto Rename Tag 适用于 JSX、Vue、HTML,在修改标签名时,能在你修改开始(结束...)标签的时候修改对应的结束(开始)标签,帮你减少 50% 的击键 Document This 自动生成 JSDoc 注释,快捷键ctrl+alt+d ctrl+alt+d。...在你用任何方式引入文件系统中的路径时提供智能提示和自动完成 VueHelper Vue2代码段(包括Vue2 api、vue-router2、vuex2) HTML Snippets 各种 HTML 标签片段...+ alt + f:替换 ctrl + shift + f:在项目内搜索 格式化整个文件的代码:shift + alt + f 6、关于 光标 的操作 移动到行首:Home 移动到行尾:End 移动到文件开头...:Ctrl + Home 移动到文件结尾:Ctrl + End 选择从行首到光标处:Shift + Home 选择从光标到行尾:Shift + End 删除光标右侧的所有字:Ctrl + Delete

    2.3K10

    Python 之Web编程

    ,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。...基本标签(块级标签和内联标签) 1 :n的取值1-6;从大到小,用于表示标题(块标签,独占一行) 2 :段落标签,包裹的内容换行,并且也上下内容之间有一行空白(块标签,独占一行) 3 提交到哪,一般指向服务器端一个程序,程序接受到表单提交过来的数据(即表单元素值)作相应处理   method:表单的提交方式post/get默认取值就是get(信封)     get:...,独占一行,多个block元素会各自新起一行,默认block元素宽度自动填满其父元素宽度。...清除浮动:在非IE浏览器下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏

    3.1K22

    Web-第四天 jQuery学习

    列举常见的五种选择器,并简单描述其作用 通过选择器,获得jQuery对象 学会给标签绑定事件 可以实现显示或隐藏标签。...对象和DOM对象可以项目转换,但两个对象的函数不能彼此混搭使用。...例如:1234:not(3) --> 124 :even 偶数,从 0 开始计数 -- 操作索引号,页面显示奇数项 :odd 奇数 :eq(index) 指定第几个 = :gt(index) 大于n个...prop() 操作的标签的特性。JQ1.6新特性,获得一些第一次分配undefined属性值的标签时,如果抛异常,将忽略浏览器生成的任何错误。 removeProp() 移除标签的特性。...通过“层级选择器”获得需要的操作对象,通过“表单属性过滤选择器”从已有的对象中筛选出需要的,最后通过“文档处理”将筛选后的内容追加到指定的位置。

    4.3K40

    在 jQuery Mobile 中使用 UI 组件

    在这种情况下,您就会有一个长列表,它看起来几乎是无法使用的,而搜索筛选器栏就是处理该问题的一个很好的方式。很幸运,使用 jQuery Mobile 将搜索筛选器栏添加到列表中并不需要花很大功夫。... 搜索筛选器栏添加一个文本输入,为用户提供一种功能可供他们输入正在查找的内容,同时列表将根据输入实时进行筛选。...例如,如果您有一个员工姓名列表,并且您将一个搜索筛选器栏添加到该列表,用户就能够通过向搜索筛选器文本输入键入一个或多个字符,来筛选和缩小在该页面上显示的结果范围。...滑块包括一个图柄和一个供图柄在上面滑动的槽 。随着图柄的移动,滑块的值被存储起来,然后,在表单被提交时,该值也被提交。...要创建一个滑块,您可以从基本的 HTML 输入开始,但要将 type 属性定义为 range。

    12K20

    ASP.NET MVC 5 - 验证编辑方法(Edit method)和编辑视图(Edit view)

    单击Save按钮时,from数据将会被发送到服务器。第二行显示隐藏XSRF通过@Html.AntiForgeryToken()调用生成的令牌。...如果禁用JavaScript,则不会有客户端验证,但服务器将检测回传的值是无效的,而且将重新显示表单中的值与错误消息。在本教程的后面,我们验证更详细的审查。...LINQ查询,以选择看电影: var movies = from m in db.Movies select m; 如果searchString参数包含一个字符串,可以使用下面的代码,修改电影查询要筛选的搜索字符串...现在,搜索字符串信息作为窗体字段值,发送到服务器。这意味着您不能在 URL 中捕获此搜索信息,以添加书签或发送给朋友。...在下一节中,您将看到如何添加一个属性到Movie model,和如何添加一个初始值设定项值,它会自动创建一个测试数据库。

    9.2K110

    「学习笔记」HTML基础

    从浏览器输入 URL 到页面渲染的整个过程都是由 浏览器架构中的各个进程之间的配合完成。...注:当浏览器刚开始加载一个地址之后,标签页上的图标便进入了加载状态。但此时图中页面显示的依然是之前打开的页面内容,并没立即替换为百度首页的页面。因为需要等待提交文档阶段,页面内容才会被替换。...HTML的输入框可以拥有自动完成的功能,当你往输入框输入内容的时候,浏览器会从你以前的同名输入框的历史记录中查找出类似的内容并列在输入框下面,这样就不用全部输入进去了,直接选择列表中的项目就可以了。...但有时候我们希望关闭输入框的自动完成功能,例如当用户输入内容的时候,我们希望使用AJAX技术从数据库搜索并列举而不是在用户的历史记录中搜索。...关闭输入框的自动完成功能有3种方法: 在IE的Internet选项菜单里的内容–自动完成里面设置 设置form的autocomplete为”on”或者”off”来开启或者关闭自动完成功能 设置输入框的autocomplete

    5.8K20

    jQuery中常用的函数和属性详细解析

    show( speed, [callback] ) 以优雅的动画显示所有匹配的元素,并在显示完成后可选地触发一个回调函数。 hide( ) 隐藏所有的匹配元素。...hide( speed, [callback] ) 以优雅的动画隐藏所有匹配的元素,并在显示完成后可选地触发一个回调函数 toggle( ) 切换元素的可见状态。...label元素的下一个input元素节点,经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素 $("#prev ~ div") 同胞选择器,该选择器返回的为id为prev...) + span")从原元素集合中过滤掉匹配selector的所有元素(这里有是一个临选择器) $("tr:even") 匹配集合中偶数位置的所有元素(从0开始) $("tr:odd") 匹配集合中奇数位置的所有元素...(从0开始) $("td:eq(2)") 匹配集合中指定位置的元素(从0开始) $("td:gt(4)") 匹配集合中指定位置之后的所有元素(从0开始) $("td:gl(4)") 匹配集合中指定位置之前的所有元素

    3.8K10
    领券