前端
文章平均质量分 84
敲个大西瓜
小白
展开
-
jQuery 快速入门---文档、事件、动画(五)
文档处理-增删改内部插入 append() 向每个匹配的元素内部追加内容appendTo() 把所有匹配的元素追加到另一个指定的元素元素集合中prepend() 向每个匹配的元素内部前置内容prependTo() 把所有匹配的元素前置到另一个、指定的元素元素集合中外部插入 after() 在每个匹配的元素之后插入内容before() 在每个匹配的元素之前插入内容insertAfter() 把所有匹配的元素插入到另一个、指定的元素元素集合的后面insertBefore() 把所有匹配的元素插入原创 2022-05-15 16:35:42 · 200 阅读 · 0 评论 -
jQuery 快速入门---对象的过滤与查找(四)
对象的过滤eq() 获取第N个元素first() 获取第一个元素last() 获取最后一个元素hasClass() 检查当前的元素是否含有某个特定的类,如果有,则返回truefilter() 筛选出与指定表达式匹配的元素集合not() 删除与指定表达式匹配的元素is() 根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回truehas() 保留包含特定后代的元素,去掉那些不含有指定后代的元素var $li = $('ul>原创 2022-05-15 16:00:31 · 291 阅读 · 0 评论 -
jQuery 快速入门---工具,属性,CSS(三)
jQuery 工具,属性,CSS工具方法 描述$.each(object,[callback]) 通用例遍方法,可用于例遍对象和数组$.type(obj) 检测obj的数据类型$.isArray(obj) 测试对象是否为数组$.isFunction(obj) 测试对象是否为函数$.isNumeric(value) 测试对象是否为数字$.parseJSON(json) 接受一个JSON字符串,返回解析后的对象// 1、$.each():遍历数组或对象中的数据var obj = { n原创 2022-05-15 15:51:11 · 104 阅读 · 0 评论 -
jQuery 快速入门---选择器(二)
jquery选择器选择器是jQuery学习的重中之重,也就是对jQuery核心函数的使用● 选择器本身只是一个有特定语法规则的字符串,没有实质用处● 它的基本语法规则使用的就是 CSS 的选择器语法,并对基进行了扩展● 只有调用$(),并将选择器作为参数传入才能起作用● $(selector)作用:根据选择器规则在整个文档中查找所有匹配的标签的数组(伪数组),并封装成jQuery对象基本选择器ID选择器 : #id,根据给定的ID匹配一个元素标签选择器: element,根据给定的元素名匹配原创 2022-05-15 15:04:15 · 498 阅读 · 0 评论 -
jQuery 快速入门---简介(一)
jQuery简介1.为什么要使用jquery?HTML 元素选取(选择器),HTML 元素操作,CSS 操作,HTML 事件处理,JS 动画效果,链式调用 a().b().c()…,读写合一,浏览器兼容,易扩展插件,ajax 封装2.如何使用jquery?引入jquery库<!-- 引入jQuery --><!--服务器本地库--><script src="js/jquery-3.6.0.js"></script><!--CDN远程库原创 2022-05-15 14:08:51 · 186 阅读 · 0 评论 -
HTML5和CSS3(五)
表格在网页中我们需要使用表格,我们通过table标签来创建一个表格,在table中使用tr表示表格中的一行,有几个tr就有几行,在tr中使用td表示一个单元格,有几个td就有几个单元格● rowspan 纵向的合并单元格● colspan 横向的合并单元格<table border="1" width="50%" align=" center"> <!--在table中使用tr表示表格中的一行,有几个tr就有几行--> <tr> &原创 2022-05-02 18:38:02 · 182 阅读 · 0 评论 -
HTML5和CSS3(四)
浮动浮动的简介通过浮动可以使一个元素向其父元素的左侧或右侧移动使用float属性来设置于元素的浮动● none 默认值,元素不浮动● left 元素向左浮动● right 元素向右浮动注意● 元素设置浮动以后,水平布局的等式便不需要强制成立● 元素设置浮动以后,会完全从文档流中脱离,不再占用文档流的位置,所以元素下边的还在文档流中的元素会自动向上移动浮动的特点浮动元素会完全脱离文档流,不再占据文档流中的位置 ,设置浮动以后,元素会向父元素的左侧或右侧移动 ,浮动元素默认不会从父元素中移原创 2022-05-02 17:16:56 · 192 阅读 · 0 评论 -
HTML5和CSS3(三)
盒模型盒模型网页是一个多层的结构,一层摁着一层通过CSS可以分别为每一层来设置样式,作为用户来讲只能看到最顶上一层,这些层中,最底下的一层称为文档流,文档流是网页的基础我们所创建的元素默认都是在文档流中进行排列块元素块元素会在页面中独占一行,默认宽度是父元素的全部(会把父元素占满),默认高度是被内容撑开(子元素)行内元素行内元素不会独占页面的一行,只占自身大小,行内元素在页面中左向右水平排列(书写习惯完全一致)如果一行之中不能完全容纳全部的行内元素,则会换到第二行自左向右排列,行内元素的默认宽度原创 2022-05-02 15:39:49 · 824 阅读 · 0 评论 -
HTML5与CSS3 (二)
1. CSS简介层叠样式表网页实际上是一个多层的结构,通过CSS可以分别为网页的每一个层来设置样式,而最终我们能看到只是网页的最上边一层使用CSS来修改元素样式的方式大致可以分为3种:内联样式(行内样式)在标签内部通过style属性来设置元素的样式<p style="color:red;font-size:60px;">内联样式(行内样式)</p>内部样式表将样式编写到head中的style标签里然后通过css的选择器来选中元素并为其设置各种样式可以同时为多个标签设原创 2022-05-02 14:44:18 · 268 阅读 · 0 评论 -
HTML5和CSS3(一)
字符实体与语义标签1.常用特殊符号:1. 空格,2.> 大于号,3.<小于号,4.&与,2.meta标签<meta charset="utf8" version='1'/><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"/><meta name="description"原创 2022-05-01 23:47:34 · 145 阅读 · 0 评论 -
JS快速入门(二)
DOM(Domcument Object Model)文档对象模型文档:整个html网页文档,对象:表示将网页中每个部分都转换为一个对象,模型:使用模型来表示对象之间的关系,方便我们获取对象,节点:node–构成html文档最基本的单元常用节点:文档节点:整个html,元素节点:html文档中的html标签属性节点:元素属性文本节点:html标签中的文本内容浏览器已经为我们提供了文档节点,对象这个对象是window属性,可以在页面中直接使用,文档节点代表的是整个网页,...原创 2022-04-30 21:23:21 · 1419 阅读 · 0 评论 -
JS快速入门(一)
JavaScript由三部分组成:类似于ECMAscript 、Dom、Bom。JavaScript的特点:解释型语言、C和Java的语法结构、动态语言、基于原型的面向对象。js的位置可以写道head里面也可以写在body里面#js代码需要写道script标签中<script type="text/javascript">#控制浏览器弹出一个窗口 alert("使用js弹出一个窗口"); #向页面输出内容 document.write("向页面输出一个内容"); #向控原创 2022-04-27 21:31:31 · 160 阅读 · 0 评论