首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端那些让你头疼英文单词

submit提交,button普通按钮,reset重置(工作中一般不用)) select 选择菜单(下拉菜单功能嵌套option使用) table 表格 (tr td单元格 th表头) 普通语义...鼠标离开 上面的内容如果哪一个单词忘记了具体用法,可以点击链接查看具体内容:JavaScript入门 ---- for和while都是循环时使用 array 数组 push 添加(数组结尾添加数据)...高级 ---- show 显示 hide 隐藏 toggle 触发 (在jQuery,但凡是有两个功能效果是相反,肯定会有第三个功能,这个功能会集成那两个功能,这个功能名称单词中肯定会有toggle...) val (jQueryval是专门来修改访问value属性值) value 值 prop 访问修改属性值 css 控制css属性函数 siblings 同级 parent 父级 children...,工作中常用是hover return false 可以拒绝提交 event.defaultPrevent() 也可以拒绝提交 上面的这些单词如果哪一个忘记了具体功能,可以点击链接查看详细介绍:JQuery

2.3K20

前端编码规范

, 尽量少于3级 避免Class ID叠加使用 声明块 选择器分组时, 保持独立选择器占用一 声明块左括号 { 前添加一个空格; 声明块右括号 } 应单独成行; 声明语句中 : 后应添加一个空格...(Element 是 Components 元素) 类名尽可能仅有一个单词 多个单词应直接连接 避免标签选择器(性能稍弱,表意不明) Variants(变体) 带有前缀- Positioning...枚举变量 单词首字母大写, 枚举属性 全部字母大写, _分隔 多个单词组成缩写词, 在命名, 根据当前命名法和出现位置, 所有字母大小写与首字母大小写保持一致 命名词法 类名 使用名词 function...不准用"string".match() 多个参数使用对象字面量存储 jQuery 使用最新版本jQuery jQuery变量 以$开头, 并缓存到本地变量复用, 使用驼峰命名法命名 jQuery选择器...对象 单行定义对象,最后一个成员不以逗号结尾 多行定义对象,最后一个成员以逗号结尾 对象尽量静态化,不得随意添加属性.如果添加属性不可避免,使用Object.assign() 如果对象属性名是动态

1.7K71
您找到你想要的搜索结果了吗?
是的
没有找到

jQuery入门基础——选择

Where:什么情况下用jQuery? How:怎么用? 答: What:jQueryJavaScript类库,封装了很多js代码。类似java类库一样里面一个类中有很多别人写好功能。...划重点,这句话要考 官网:http://jquery.com/ Why:可以简化JavaScript开发,jQuery包含有:选择器,CSS样式,HTML事件处理,JS动画 以及丰富插件等等,而且浏览器兼容性很高...那么现在咱们玩点刺激,现在我在第一个div里面的p段落再加点东西我是第一个div一个p标签。...但是大家一定要注意这两个单词意思。odd意思是奇数。...:第二到第四 现在咱们再来个刺激一点,掐头去尾,除了第一,和最后,其它全部选中。

9.8K20

第86节:JavaJQuery基础

jquery是一种快速,小巧,功能丰富JavaScript库,可以让html文档遍历和操作,事件处理,动画和ajax更加容易使用一种api,可以在多种浏览器工作。...简单来说jquery一个JavaScript库,简化了JavaScript编程,很容易学习。...事件,ready(fn) 当dom载入就绪就可以查询及操纵时绑定一个要执行函数,这是事件模块中最重要一个函数,因为它可以提高web应用程序响应速度。...fn,在每个匹配元素click世界绑定处理函数 [data],fn $("p").click(); // 所有段落点击隐藏 $("p").click( function(){ $(this).hide...">hello jquery代码 $("p").show() jquery库可以通过一简单代码添加到网页,库包含html元素选取和操作,css操作,html事件函数,JavaScript特效和动画

2.9K30

1-选择器与DOM对象

(9) 属性过滤器 (9.1) [attribute](取拥有attribute属性元素) 下面的代码,最后一个a标签没有title属性,所以它仍然会带下划线 代码在9.2 展示 (9.2) [...()函数 获得匹配元素集合每个元素相邻同胞元素,如果提供选择器,则取回匹配该选择一个同胞元素。...: 取回匹配该选择一个同胞元素。...差异在于语法:内容和选择位置,以及 prepend() 能够使用函数来插入内容。 3.2,clone()函数  复制指定元素并返回一个jquery对象。   这是个段落。...// 但不会将其从jQuery对象移除,因此我们还可以使用该jQuery对象,将n6再次放入文档 $n6.prependTo("body"); 结果是: [span#n6][span#n7] 段落内容

2.8K110

最常见 20 个 jQuery 面试问题及答案

你能用 jQuery 代码选择所有在段落内部超链接吗?(答案略)   这是另一个关于选择 jQuery 面试题。就像其他问题那样,只需一 jQuery 代码就能搞定。...你可以使用下面这个 jQuery 代码片段来选择所有嵌套在段落(标签)内部超链接(标签)……   11. $(this) 和 this 关键字在 jQuery 中有何不同?...而 this 代表当前元素,它是 JavaScript 关键词一个,表示上下文中的当前 DOM 元素。你不能对它调用 jQuery 方法,直到它被 () 函数包裹,例如   12....你能用 jQuery 代码选择所有在段落内部超链接吗?(答案略)   这是另一个关于选择 jQuery 面试题。就像其他问题那样,只需一 jQuery 代码就能搞定。...你可以使用下面这个 jQuery 代码片段来选择所有嵌套在段落(标签)内部超链接(标签)……   11. $(this) 和 this 关键字在 jQuery 中有何不同?

13.7K30

jQuery层次选择

jQuery是一种流行JavaScript库,用于简化HTML文档操作和动态交互。在jQuery,层次选择器是一种非常有用选择器,可以根据元素之间层次关系选择特定元素。...在jQuery,层次选择器使用空格来表示元素之间层次关系。下面是一些常用层次选择器:后代选择器(Descendant Selector)用于选择所有指定元素后代元素。...相邻兄弟选择器(Adjacent Sibling Selector)用于选择指定元素一个相邻兄弟元素。..."> 标题 段落3 段落4JavaScript代码:$("div.container > p")这个示例层次选择选择了所有class...在上述HTML代码,它将选中两个div元素子元素p,即"段落1"和"段落2"。通过层次选择器,我们可以轻松地选取到HTML文档特定层次关系元素,从而方便地操作和修改这些元素。

41620

单页Web应用:JavaScript从前端到后端

在执行环境调用函数,会创建一个嵌套在已存在执行环境内执行环境 在标签内所有东西都在全局执行环境 调用first_function,会在全局执行环境创建一个执行环境 在...编码标准 A.代码布局和注释 1.使用一致缩进和行长 每级代码缩进两个空格 使用空格缩进而不是制表符,因为制表符位置还没有标准 每行限制为78个字符 2.按段落组织代码 按逻辑段落组织代码,段落之间要空行...每一最多只包含一条语句或赋值语句,但是允许每行同时声明多个变量 运算符和变量之间要有空格,这样就能更容易地识别变量 每个逗号之后要有空格 在段落内,相似的运算符要对齐 缩进注释,缩进量和所解释代码相同...每条语句最后要有分号 在一个控制结构所有语句要用大括号括起来 3.换行要一致 在运算符前面换行,因为人们检查 左列所有运算符是很容易 把后续语句缩进一个层次 在逗号分隔符后面换行 方括号或者括号单独占一...JS模板文件 3.JS文件与CSS文件与类名之间保持平行结构 为会生成HTML每个JS文件创建一个CSS文件 所有CSS文件后缀都为.css 把所有的CSS文件保存在叫做css目录下 给CSS选择器加上模块名前缀

1.2K20

jQuery选择器大全(48个代码片段+21幅图演示)2

属性过滤选择器 ——4.1 [attribute](取拥有attribute属性元素) 下面的代码,最后一个a标签没有title属性,所以它仍然会带下划线 <script type="text/<em>javascript</em>...,^$符号和正则表达式<em>的</em>开始结束符号表示<em>的</em>含义是一致<em>的</em>,*模糊匹配,类似于sql<em>中</em><em>的</em>like '%str%'。...子元素过滤<em>选择</em>器 ——5.1 :first-child和:last-child :first-child表示第<em>一个</em>子元素,:last-child表示<em>最后</em><em>一个</em>子元素。...举个例子:div:first返回<em>的</em>是整个DOM文档<em>中</em>第<em>一个</em>div元素,而div:first-child是返回所有div元素下<em>的</em>第<em>一个</em>元素合并后<em>的</em>集合。...head>123 456 这里:only-child也是三个元素,从<em>最后</em><em>一个</em>很粗<em>的</em>红色边框

1.6K80

jQuery

(index, domEle){}): 遍历所有的 dom 元素 index(): 得到当前 dom 元素在所在兄弟下标 四、jQuery 选择器 有特定语法规则(CSS 选择器)字符串 用来查找某个...:last 获取最后个元素 :eq(index) 匹配一个给定索引值元素 :lt 匹配所有小于给定索引值元素 :gt 匹配所有大于给定索引值元素 :odd 匹配所有索引值为奇数元素,从 0 开始计数..., value) 设置一个样式 css(多个样式对) 设置多个样式 代码示例: 取得第一个段落 color 样式属性值。...对象内部元素找出部分匹配元素, 并封装成新 jQuery 对象返回 方法 描述 first() 获取第一个元素 last() 获取最后个元素 eq(index) 获取第 N 个元素 filter...方法 描述 children(selector) 取得一个包含匹配元素集合一个元素所有子元素元素集合。

10.8K20

jQuery选择器大全(48个代码片段+21幅图演示)

选择器是jQuery最基础东西,本文中列举选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择理解,它们本身用法就非常简单,我更希望是它能够提升个人编写jQuery...) 下面的代码,最后一个div会有背景色 ?...属性过滤选择器 ——4.1 [attribute](取拥有attribute属性元素) 下面的代码,最后一个a标签没有title属性,所以它仍然会带下划线 ?...子元素过滤选择器 ——5.1 :first-child和:last-child :first-child表示第一个子元素,:last-child表示最后一个子元素。...举个例子:div:first返回是整个DOM文档一个div元素,而div:first-child是返回所有div元素下一个元素合并后集合。

5K80

vim技巧

在 Vi/Vim 版本选择上,原则是“能用 Vim 就不要使用 Vi”。Vim 提供功能和特性要比 Vi 多得多,如语法加亮着色功能等。...字符 h左移一位,l右移一位 单词 w/W 移动到下一单词开头 b/B 移动到上一单词开头 e/E 移动到光标所在单词末尾 f 快速移动到下一个字符位置 j 下移一 k 上移一 0...移到当前行开头 ^ 移到当前行一个非空字符 $ 移到当前行末尾 :n 移动到第 n 句子 ) 移动到当前句子末尾 ( 移动到当前句子开头 段落 } 移动当前段落末尾 { 移到当前段落开头...G 移动到文件末尾 gg 移动到文件开头 :0移动到文件第一 :$ 移动到文件最后 文本编辑 与光标移动一样,Vi/Vim 关于编辑操作命令也比较多,但操作单位要比移动光标少得多。...d{ 删除当前段落从光标位置开始到段首内容 文本编辑高效命令 复制与粘贴 yw 复制当前单词从光标开始部分 yy 复制光标所在行所有字符 p 将最后一个删除或复制文本放在当前字符 P 将最后一个删除或复制文本放在当前字符之前

1K30

JQuery选择器和JQuery包装集

(本文年代久远,请谨慎阅读)今天学习了JQuery一些基本用法,包括JQuery选择器和JQuery包装集; 从现在开始,要慎重区分DOM对象和JQuery对象,两种对象方法不同,属性不同,在使用要特别注意...JQuery选择器 编写任何javascript程序都需要首先获得对象, jQuery选择器能彻底改变我们平时获取对象方式, 可以获取几乎任何语意对象, 比如”拥有title属性并且值包含test...元素”, 完成这些工作只需要编写一个jQuery选择器字符串....而在JQUERY则完全不同,JQUERY提供了异常强大选择器用来帮助我们获取页面上对象,并且将对象以JQUERY包装集形式返回。 "$"符号在JQUERY中代表对JQUERY框架集引用。...().is("form")用一个表达式来检查当前选择元素集合,如果其中至少有一个元素符合这个给定表达式就返回true $("p").parent()查找每个段落父元素: 示例 HTML 代码:<

3.1K20

jquery面试题目_高并发面试题

JavaScript window.onload 事件和 jQuery ready 函数有何不同?(答案) 这个问答是紧接着上一个。...你是如何将一个 HTML 元素添加到 DOM 树?(答案如下) 你可以用 jQuery 方法 appendTo() 将一个 HTML 元素添加到 DOM 树。...你能用 jQuery 代码选择所有在段落内部超链接吗?(答案略) 这是另一个关于选择 jQuery 面试题。就像其他问题那样,只需一 jQuery 代码就能搞定。...你可以使用下面这个 jQuery 代码片段来选择所有嵌套在段落(标签)内部超链接(标签)…… 11. $(this) 和 this 关键字在 jQuery 中有何不同?...而 this 代表当前元素,它是 JavaScript 关键词一个,表示上下文中的当前 DOM 元素。你不能对它调用 jQuery 方法,直到它被 () 函数包裹,例如 12.

9.4K10
领券