前端
关注
分享
扫一扫
文章平均质量分 71
我是个菜鸡.
任何想去的地方，都没有捷径。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jQuery第三篇
目录JQuery事件jQuery事件注册jQuery事件处理事件处理 on()绑定事件on绑定多个事件，多个处理事件处理程序如果事件处理程序相同on实现事件委派on动态元素绑定事件JQuery事件jQuery事件注册element.事件(function(){})$("div").click(function(){事件处理程序})其他事件和原生基本一致。比如mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll 等j原创 2021-09-04 21:44:46 · 725 阅读 · 2 评论 -
jQuery 第二弹
目录jQuery的属性操作设置和获取元素固有的属性值 prop()设置和获取元素自定义属性值attr()数据缓存data()购物车模块--全选用.length获取元素个数jQuery内容文本值获取设置元素内容普通元素文本内容text()获取设置表单值 val()jQuery的属性操作设置和获取元素固有的属性值 prop()<!DOCTYPE html><html> <head> <meta charset="utf-8"> <titl原创 2021-09-01 16:03:14 · 878 阅读 · 0 评论 -
jQuery 第一弹
jQuery目录console.dirjQuery对象和DOM对象jQuery对象和DOM对象转化jQuery选择器基础选择器层级选择器jq设置样式隐式迭代筛选选择器筛选方法（重点）下拉菜单（实战）console.dirconsole.dir()可以显示一个对象所有的属性和方法。jQuery对象和DOM对象1.DOM对象：用原生js获取过来的对象2.jQuery对象: 用jQuery方式获取过来的对象是jQuery对象。 本质：通过$把DOM元素进行了包装(伪数组形式存储)3.jQuery对原创 2021-08-31 12:05:23 · 720 阅读 · 0 评论 -
A j a x
目录jQuery.ajax(...) 部分参数： url：请求地址 type：请求方式，GET、POST（1.9.0之后用method） headers：请求头 data：要发送的数据 contentType：即将发送信息至服务器的内容编码类型(默认: "application/x-www-form-urlencoded; charset=UTF-8") async：是否异步原创 2021-07-28 20:22:39 · 128 阅读 · 0 评论 -
前端样式收集
目录1.input框1.1 focus显示光1.input框1.1 focus显示光 input { width: 560px; height: 28px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; pad原创 2021-05-28 16:40:48 · 151 阅读 · 0 评论 -
Ajax
目录简介安装Node.js一.express框架介绍以及基本使用简介get和post的区别 get的话请求的参数在ur l中，post请求的数据在请求体中安装Node.js一.express框架介绍以及基本使用原创 2021-03-11 20:53:34 · 283 阅读 · 0 评论 -
网页只显示一部分内容 其他内容用..替代
#table_ tr { font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; border-right: 1px solid #E2F5BC; border-bottom: 1px solid #E2F5BC; border-top: 1px solid #E2F5BC; letter-...原创 2021-03-03 19:52:28 · 1081 阅读 · 1 评论 -
JQuery①
选择器基本选择器选择器本身只是一个有特定语法规则的字符串，没有实质用处它的基本语法规则使用的就是CSS的选择器语法，并对基进行了扩展只有调用$()，并将选择器作为参数传入才能起作用$(selector)作用:根据选择器规则在整个文档中查找所有匹配的标签的数组，并封装jQuery对象返回基本选择器1.选挥id为div1的元素$('#div1 ' ).css( ' background ' , 'red ' )2．选择所有的div元素$( 'div ' ).css( ' background原创 2021-03-01 09:05:33 · 474 阅读 · 1 评论 -
JavaScript③
目录JSON在开发中的使用eval把json数据 设置table的tbody（从数据库提取数据转换成json）JSON在开发中的使用JavaScript Object Notation1、什么是JSON，有什么用?JavaScript 0bject Notation (JavaScript对象标记），简称SON。(数据交换格式)JSON主要的作用是:一种标准的数据交换格式。(目前非常流行，90%以上的系统，系统A与系统B交换数据的话，都是采用JSON。)2、JSON是—种标准的轻量级的数据交换格原创 2021-02-03 21:15:50 · 200 阅读 · 0 评论 -
JavaScript②
目录一.设置和获取文本框的valueBOM与DOM的关系获取value二.innerHTML和innerText三.正则表达式邮箱的正则表达式一.设置和获取文本框的valueBOM与DOM的关系获取value <script > window.οnlοad=function(){ document.getElementById("but").οnclick=function(){ alert(docum原创 2021-02-01 22:31:18 · 489 阅读 · 1 评论 -
JavaScript①
目录一.嵌入JavaScript代码1.2.3.二.变量js的局部变量与全局变量当一个变量声明的时候没有使用var关键字,那么不管这个变量是在哪里声明的,都是全局变量！！！三.函数一.嵌入JavaScript代码1.1、要实现的功能:用户点击以下按钮,弹出消息框。2、Js是一门事件驱动型的编程语言，依靠事件去驱动，然后执行对应的程序。在Js中有很多事件，其中有一个事件叫做:鼠标单击，单词:click。并且任何事件都会对应一个事件句柄叫做: onclick。【注意:事件和事件句柄的区别是:事件句柄原创 2021-01-30 21:47:34 · 224 阅读 · 0 评论 -
Web-HTML+CSS 学习④
目录一.元素的层级二.轮播图的练习一.元素的层级对于开启了定位元素，可以通过z-index属性来指定元素的层级z-index需要一个整数作为参数,值越大元素的层级越高元素的层级越高越优先显示如果元素的层级一样，则优先显示靠下的元素祖先的元素的层级再高也不会盖住后代元素二.轮播图的练习...原创 2021-01-29 19:00:09 · 297 阅读 · 1 评论 -
前端小知识区域
目录1.水平居中 垂直居中2.行内元素不能设置宽高 因为不生效1.水平居中 垂直居中居中记住啊！！！！margin上下有值 左右auto就居中了！垂直居中：line-height: 与父元素一样 如果父元素没设置height 那么什么值都可以2.行内元素不能设置宽高 因为不生效...原创 2021-01-28 11:20:27 · 279 阅读 · 0 评论 -
Web-HTML+CSS 学习③
目录一.盒子大小二.轮廓阴影和圆角1.轮廓2.阴影3.圆角一.盒子大小 .box{ width: 100px; height: 100px; background-color: #bfa; padding: 10px; border: 10px red solid; box-sizing: border-box; }原创 2021-01-23 21:33:49 · 584 阅读 · 1 评论 -
Web-HTML+CSS练习
目录一.练习1.图片列表2.导航栏3.新闻第一部分第二部分第三部分一.练习1.图片列表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>First</title> <link rel="stylesheet" href="/css/reset.css"> <style> .li原创 2021-01-23 19:41:47 · 382 阅读 · 0 评论 -
Web(html+css)学习②
目录一.长度单位1.像素和百分比2.em与rem二.颜色单位1.RGB2.HSL（了解）三.文档流（normal flow）一.长度单位1.像素和百分比<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>First</title> <style> div { wid原创 2021-01-22 21:44:40 · 456 阅读 · 0 评论 -
Web学习---HTML+CSS①
目录一.编译器的使用1.便捷2.live server二.HTML1.实体（转义字符）2.meta3.4.块元素与行内元素5.6.列表7.超链接Html负责结构Css负责表现一.编译器的使用1.便捷便捷方式：！+Tab可以直接生成一个小的模板lang=“zh” 代表中文网站lang="en"代表英文网站<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &原创 2021-01-19 21:05:51 · 342 阅读 · 0 评论