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

    JQuery 入门 - 附案例代码

    jQuery对象:jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。...过滤选择器 名称 用法 描述 :eq(index) $(“li:eq(2)”).css(“color”, ”red”); 获取到的li元素中,选择索引号为2的元素,索引号index从0开始。...:odd $(“li:odd”).css(“color”, ”red”); 获取到的li元素中,选择索引号为奇数的元素 :even $(“li:even”).css(“color”, ”red”); 获取到的...li元素中,选择索引号为偶数的元素 总结:这类选择器都带冒号 筛选选择器(方法) 名称 用法 描述 children(selector) $(“ul”).children(“li”) 相当于$(...作用:遍历jQuery对象集合,为每个匹配的元素执行一个函数 // 参数一表示当前元素在所有匹配元素中的索引号 // 参数二表示当前元素(DOM对象) $(selector).each

    15K10

    jQuery对象

    这些属性中的属性.tagName和方法类似.appendChild()。这些属性是通过JavaScript与网页进行交互的唯一方法。 链接jQuery对象 事实证明,直接使用DOM元素可能会很尴尬。...通过将target元素包装在一个jQuery对象中,这些边缘情况得到了照顾,预期的结果是在所有支持的浏览器中实现的: // Setting the inner HTML with jQuery....如果目标是仅选择第一个标题元素,则需要另一个步骤。有很多方法可以做到这一点,但最直接的就是.eq()功能。...包含在jQuery对象中的元素集将不会改变,除非明确修改。这意味着该集合不是“直播” - 它不会随着文档的更改而自动更新。...如果文档自创建jQuery对象以来可能已经更改,那么应该通过创建一个新的集合来更新该集合。它可以像重新运行同一个选择器一样简单: // Updating the selection.

    1.7K10

    jQuery 选择器

    原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。 1....中还有一些筛选方法,类似DOM中的通过一个节点找另外一个节点,父、子、兄以外有所加强。...(selector) $(" . first").siblings("li"); 查找兄弟节点,不包括自己本身 nextAll([expr]) $(".first"). nextAll() 查找当前元索之后所有的同辈元素...prevtAll([expr]) $(" .last"). prevAll() 查找当前元索之前所有的同辈元索 hasClass(class) $(' div' ). hasClass(" protected...2.需要得到当前小li 的索引号,就可以显示对应索引号的图片 3.jQuery 得到当前元素索引号 $(this).index() 4.中间对应的图片,可以通过 eq(index) 方法去选择 5.显示元素

    3.9K30

    与Ajax同样重要的jQuery(1)

    对象的方法 // 通过访问jQuery对象下标0 元素,获得DOM对象 var dom1 = $jQueryObject[0]; // 转换jQuery对象为DOM对象 var dom2 = $jQueryObject.get...但是我们可以使用jQuery提供方法,将DOM对象通过jQuery()函数包装成为jQuery对象,同样我们可以把jQuery对象转化成DOM对象。..., 在 jQuery 中, 对事件处理, 遍历 DOM 和 Ajax 操作都依赖于选择器 jQuery(expression, [context]) 在核心函数jQuery中传入表达式,对页面中元素进行选择...each() 在每个div元素内容前 加入 “传智播客” ² 通过size() / length 打印页面中 class属性为 itcast 的元素数量 ² 通过index() 打印 id属性为foo...在jQuery 1.3中,上下的padding和margin也会有动画,效果更流畅。

    11.5K60

    E001Web学习笔记-HTML

    ,属性由键值对构成,但需要用引号(单双引号都可以)引起来; ⑤html标签字母不区分大小写,但是建议使用小写; 3、元素和属性 一个HTML标签称为一个元素,一个元素内部可以设置例如id,title等信息...,这些信息称为属性; 属性值一般用双引号引起,若属性值内部有双引号,则用单引号引起; 4、基本代码框架 标题H1_H6 --> 标题 1 标题 2 标题 3 标题 4 标题 5 标题...; ②请求参数的长度有限制; ③不太安全; post: ①请求参数不会在地址栏中显示,会封装在请求体中; ②请求参数的长度没有限制; ③较为安全; 注意: 表单项中的数据要想被提交就必须指定name属性...input type="submit" name="login" id="login" value="登录" /> 运行结果: 2、表单项input 可通过不同的

    49010

    HTML笔记——常用标签总结

    标签主要用来放需要显示的内容,有点类似C文件中的程序部分,与之对应的,主要用来引入写好的JavaScript脚本或者CSS文件等。...空元素在开始标签中进行关闭,如,自己就是开始标签,也是结束标签。简单的元素例子: HTML标签的例子,前面的是开始标签,后面这个是结束标签。...标题 一级标题 二级标题 三级标题 h+数字,用来标记标题,数字范围是1~6。...浏览器会自动在标题前后添加空行,通常块级元素都会这样额外添加空行。 另外,搜索引擎会根据标题来为网页编织索引,所以选好标题能够让你的网站更加容易出现在用户面前。...属性总是以名称/值的形式出现,例如name='value',注意属性值必须加引号,可以是单引号也可以是双引号,如果属性值中就包含了双引号,那么必须使用单引号,如:name='Bill "HelloWorld

    1.5K20

    前端编码规范

    }/images/bg.png"); 命名(从组件方式思考命名) Components 至少以两个单词命名,通过-分离 .like-button .search-form .article-card Elements...,如.item-img 使用 两个中划线表示特殊化,如.item-img.item-img--small表示在.item-img的基础上特殊化 状态类直接使用单词,参考上面的关键词,如.active,...,除非下表中已经约定的) 常用词 说明 options 表示选项,与 jQuery 社区保持一致,不要用 config, opts 等 active 表示当前,不要用 current 等 index 表示索引...不准用"string".match() 多个参数使用对象字面量存储 jQuery 使用最新版本的jQuery jQuery变量 以$开头, 并缓存到本地变量中复用, 使用驼峰命名法命名 jQuery选择器...字符串 静态字符串使用单引号 动态字符串使用反引号 解构赋值 数组成员赋值,优先使用解构赋值 const [first, second] = [1, 2]; 函数的参数如果是对象的成员,优先使用解构赋值

    2.2K71

    脚本语言知识总结.

    值加不加引号,是有区别的,不加引号是变量,加引号是常量字符串 格式二: [值1, 值2 ,值3 ] 数组结构 组合后复杂格式 [{name:'aaa'}, {name:'bbb'}, {name:...但是我们可以使用jQuery提供方法,将DOM对象通过jQuery()函数包装成为jQuery对象,同样我们可以把jQuery对象转化成DOM对象。..., 在 jQuery 中, 对事件处理, 遍历 DOM 和 Ajax 操作都依赖于选择器 jQuery(expression, [context])  在核心函数jQuery中传入表达式,对页面中元素进行选择...find 方法使用最多 对查找结果进行遍历操作 each(function(){… }) ,在each函数中可以通过this 获得DOM对象,$(this) 获得jQuery对象 ②:属性操作 设置属性...如过没有参数的传递,采用GET方式传递,否则采用POST方式 练习一:校验用户名是否存在 此练习在第五章的第三小节有实现代码,这里使用jQuery的方式进行简要的列出核心代码: $(function(

    6.7K130

    【超详细讲解】HTML详细教程

    拓充知识点: 标记称为标签(元素),通常由开始/结束标签与内容组成;也有空元素(如 、)不需要结束标签。 标签名大小写不敏感,但实务中统一使用小写;属性值建议使用双引号包裹。... HTML标题 通过 - 等标签进行定义,改变文字大小 HTML段落 通过标签进行定义,改变段落大小的文字 HTML链接 通过...标题标签:~ 使用说明:标题分为h1~h6六个等级,会加粗显示,每行只显示一个 使用方法:实例标题 拓:最好只对每个页面使用一次,如新闻的标题、网页的Logo...段落里面主要放文字相关,如内联元素。 但元素分类不是不可更改的,后面的css可以通过display改变显示模式。...属性=“值” 2.属性之间没有必要的先后顺序 3.属性之间必须有空格分隔 示例: 演示效果: 在代码中我们通过属性去更改了宽高,使用方法如下 属性 说明

    43310

    BootStrap

    Bootstrap 源码中定义的 mixin 也可以用来创建语义化的布局。 通过为“列(column)”设置 padding 属性,从而创建列与列之间的间隔(gutter)。...在栅格列中的内容排成一行。 栅格系统中的列是通过指定1到12的值来表示其跨越的范围。例如,三个等宽的列可以使用三个 .col-xs-4 来创建。...Bootstrap 的栅格系统是如何在多种屏幕设备上工作的。...--平分12份,占8份偏移两份居中--> ---- 排版 排版可以对标题以及副标题操作,副标题可以通过small标签和.small来展示 页面主题也可以设置,通过给p标签添加.lead类突出显示·...··· 排版主要是对文本的一系列操作 表格 在原生的html代码中,我们通过tr + th写表头,tr + td写表数据,结果是奇丑无比 接下来通过bootstrap提供的表格,我们CV来看看

    4.2K10

    Web前端中的命名规则

    本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良....语义化html, 如 标题根据重要性用h*(同一页面只能有一个h1), 段落标记用p, 列表用ul, 内联元素中不可嵌套块级元素; 8...., 请以自己代号加下划线起始, 比如i_clear; d)a,b两条, 适用于在2中已建好框架的页面, 如, 要在2中已建好框架的页面代码中加入新的...:collapse;} table th, table td{padding:0;}, base.css文件中我会初始化表格样式) 13....原生JavaScript变量要求是纯英文字母, 首字母须小写, 如iTaoLun; jQuery变量要求首字符为'_', 其他与原生JavaScript 规则相同, 如: _iTaoLun; 另, 要求变量集中声明

    2.8K90
    领券