前端
jssd
正在学习中
展开
-
jquery选择器学习
jquery选择器学习方式, 照着列表一个个敲一遍, 记个大概, 知道有这么个选择器. 之后使用的时候查查w3c, 就会用了元素选择器$("p"); // 取得p标签$("#p1"); // 取得id为p1的元素$(".p1"); //取得class=p1的元素属性选择器$("[href]"); //选择属性带有href的元素$("[href]='#'"); //选择href...原创 2019-05-24 17:06:56 · 177 阅读 · 0 评论 -
DOM 元素节点的增加与删除
DOM元素节点的增加与删除创建节点的方法document.createElement("div");加入节点的方法// 在末尾追加的方法插入节点parentNode.appendChild(childElement); // 在指定节点之前插入节点parentNode.inertBefore(newNode, beforeNode);删除节点的方法// 删除一个字节点pa...原创 2019-08-20 20:02:07 · 386 阅读 · 0 评论 -
DOM 操作元素对象的属性和CSS样式
DOM获得操作对象的属性W3C教程链接: https://www.w3school.com.cn/jsref/dom_obj_all.asp直接操作元素的属性获得属性的值var inp1 = docuement.getElementById("inp1");var type = inp1.type;// 获得的值, 是实时更改的值, 不是元素的默认值var value = inp...原创 2019-08-20 20:03:10 · 605 阅读 · 1 评论 -
DOM innerHTML和innerText的区别
操作文本结点存在一个div<div id="div1"> <span>我们不一样</span> </div>获得元素节点let div = document.getElementById("div1");使用innerHTML可见输出: <span>我们不一样</span>var inn = div.in...原创 2019-08-20 20:03:48 · 556 阅读 · 0 评论 -
DOM 操作表单
DOM操作表单DOM操作表单, 对于一个后台程序员来说是很重要的两个属性readonly故名思意, readonly属性只能看到数据, 但是不可以操作数据.<input type="text" readonly="readonly"/>disabled不能使用, disabled也是不能操作属性. 不仅如此, 整个表单都会变成灰色. 而且在提交的时候, 具有disabl...原创 2019-08-20 20:04:31 · 235 阅读 · 0 评论 -
HTML 互联网三大基石和HTML入门
网页编程和设计目前软件行业大多数的项目都是基于 B/S 架构,即在浏览器端实现效果展示。 网页编程也是每个程序员必懂的技能。 对于 JAVA 程序员来说,不需要像前端程序员那样精通这部分内容,但是也需要做到熟悉。互联网的三大基石HTML(Hyper Text Markup Language): 超文本标记语言HTTP(HyperText Transfer Protocol): 超文本...原创 2019-08-16 08:25:47 · 832 阅读 · 0 评论 -
HTML 常用标签
HTML常用标签Head中的子标签<!--字符集设置--><meta charset="utf-8" /><!--搜索引擎优化--><meta name="author" content="朱自清, 李四" /><meta name="description" content="盼望着盼望着, 东风来了" /><met...原创 2019-08-16 08:27:02 · 166 阅读 · 0 评论 -
HTML5和HTML4.0.1的增强
HTML5简介相对于HTML4.0.1来说的区别去除了不常用的标签增加了很多语义标签表单中结合的JS使用缺点对于PC端的不同浏览器兼容性不同, 需要有各种浏览器进行测试火狐, 谷歌, IE, 苹果HTML5表单增强项<form action="" method="get"> <p>邮箱标签: <input type="email">...原创 2019-08-16 08:28:06 · 264 阅读 · 0 评论 -
JQuery 入门
JQuery入门JQuery概述为什么使用JQuery(JS遇到的问题)选择器功能弱DOM操作繁琐至极浏览器兼容性不好动画效果弱什么使JQuery(概念)JQuery (JavaScriptQuery) JavaScript代码库官方网站: http://jquery.com/JQuery版本简介1.x版本: 兼容ie678,使用最为广泛的,官方只做BUG维护,功能不...原创 2019-08-23 15:34:21 · 97 阅读 · 0 评论 -
JQuery 选择器
文章目录JQuery选择器基本选择器id选择器jq和js之间对象的转换标签选择器class选择器通用选择器分组选择器层级选择器后代选择器子元素选择器相邻兄弟元素所有兄弟元素基本伪类选择器:first选择器:last选择器:not筛选选择器:even 选择器:odd选择器:eq选择器:gt, :lt标题选择器动画选择器子元素选择器指定子元素选择器第一个子元素最后一个子元素只匹配具有一个子元素的子元素...原创 2019-08-23 15:35:08 · 462 阅读 · 0 评论 -
JQuery 事件学习
JQuery的事件学习页面加载事件jq中的页面加载操作要比原生js中window.onload加载要快. 同时, jq中的页面加载方法可以写好几个// 第一种写法$(function() {})// 第二种写法jquery(function(){})// 第三种写法$(document).ready(function() {})使用bind绑定事件$("#bu2").bi...原创 2019-08-23 15:35:45 · 168 阅读 · 0 评论 -
JQuery 操作页面的文本和值
JQuery操作页面的文本对象和值JQuery操作文本对象var div = $("#div1");// 获得指定元素节点的文本内容, 类似于DOM中的innerHTMLvar ht = div.html();// 只是获得文本内容, 不含有HTML标签var te = div.text();获得表单中的值var var1 = $("#inp1").val();// 操作...原创 2019-08-23 15:36:27 · 139 阅读 · 0 评论 -
JQuery 操作页面的元素
JQuery操作页面的元素创建一个新的元素var p = $("<p>这是一个段落</p>");在div中的最后追加一个元素$("#div1").append(p);// 等用于这样写p.appendTo("#div1");在div中的最前表添加一个元素$("#div1").preppend(p);// 也可以这样写p.preppendTo("#di...原创 2019-08-23 15:36:53 · 301 阅读 · 0 评论 -
JQuery 操作页面属性
JQuery操作页面属性获得页面的属性//获得元素对象var tex=$("#inp1");//获得元素对象的属性var te=tex.attr("type");var cl =tex.attr("class");//获得元素固有的属性值var val =tex.attr("value");//获得文本框实时输入的值var val2=tex.val();使用attr获...原创 2019-08-23 15:37:23 · 138 阅读 · 0 评论 -
JQuery 操作页面样式
JQuery操作页面的样式获得一个css样式// 获得id为div1的元素对象var div = $("#div1");// 获得css样式var wid = div.css("width");var height = div.css("height");操作css样式// 操作样式div.css("width", "300px");div.scc("height", "60...原创 2019-08-23 15:38:04 · 202 阅读 · 0 评论 -
DOM 获取元素对象的方式
DOM获取元素对象的方式直接获得对象的方式通过id名获得var div = document.getElementById("div1");通过标签名获得/*返回一个HTMLCollection对象*/var inps = document.getElementByTagName("input");// 获取其中一个, 获取到一个HTMLInputElement对象var in...原创 2019-08-20 20:01:22 · 371 阅读 · 0 评论 -
DOM 对象入门
DOM入门什么是DOMdom就是解析html文档, 将html文档解析成一个document对象. 这个document对象就是DOMDOM节点分类元素节点(element node): 每个元素就是一个元素节点, 比如 p元素节点属性节点(attribute node): 每个属性也是一个节点, 比如href属性节点文本节点(text node): 元素中包含的文本, 也是一个节点...原创 2019-08-20 20:00:34 · 105 阅读 · 0 评论 -
jquery事件函数
jquery事件函数事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”(或“激发”)经常会被使用。文档加载函数//相当于在body中使用οnlοad=//在页面完全加载后才会调用$(document).ready(function() { //函数内容 });点击事件函数$("button").click(function() {..som...原创 2019-05-24 20:53:48 · 601 阅读 · 0 评论 -
jquery DOM操作总结
jquery 文档操作addClass();addClass(); // 向某个元素添加一个类$("button").click(function(){ $("p:first").addClass("intro");});元素之外追加after(); //在指定元素之后插入内容, 外部插入//插入文本$("button").click(function(){ $(...原创 2019-05-24 21:54:04 · 220 阅读 · 0 评论 -
HTTP请求协议
http请求格式请求以键值对形式发送请求头请求方式, 请求地址, http协议版本请求方式: get请求方式, post请求方式请求行消息报头, 一般用于说明客户端使用的一些附加信息请求数据请求方式HTTP1.0 定义了三种请求方式: GET POST HEAD 方式HTTP1.1 新增了5种请求方式: OPTIONS, PUT, DELETE, TRACE,...原创 2019-05-26 19:51:52 · 316 阅读 · 0 评论 -
HTTP协议简述
协议简介HTTP: hypertext Transfer Protocol 超文本传输协议, 是网络应用层的协议, 建立在TCP/IP协议基础上, HTTP使用可靠的TCP连接, 默认端口为80用户打开web浏览器(常见的HTTP客户端), 输入URL地址, 就能接收到HTTP服务器发送过来的网页, 即HTTP遵循请求(Request)/应答(Response)模型, web浏览器向Web...原创 2019-07-17 09:22:52 · 706 阅读 · 0 评论 -
JavaScript 入门
文章目录JavaScript简介为什么学习JavaScript(作用)JavaScript 概念JavaScript组成JavaScript语言的特点特点缺点JavaScript简介为什么学习JavaScript(作用)html+css 只是可以实现静态的页面无法实现动态的效果表单的校验背景图片的更换操作节点的信息JavaScript 概念JavaScript 一种直译式脚本...原创 2019-08-19 15:22:13 · 102 阅读 · 0 评论 -
JavaScript 变量和数据类型
文章目录Js的引入方式内部引入外部引入Js中的变量变量的声明声明变量注意的事项Js中的数据类型基本数据类型特殊数据类型Js的引入方式内部引入<script type="text/javascript"> /*网页中的弹框*/ alert("js的学习课程")</script>外部引入<!--type为引入的文件类型 src为引入的文件u...原创 2019-08-19 15:24:02 · 200 阅读 · 0 评论 -
JavaScript 运算符和控制语句
文章目录Js的运算符算数运算符逻辑运算符连接符特殊预算符Js中的控制语句条件语句分支语句(选择语句)循环语句Js的运算符算数运算符使用方法和java一致+ - ++ -- / *逻辑运算符与& 或| 非! 并且&& 或者|| 亦或^ 小于< 大于>小于等于<= 大于等于>= 不等于!=连接符...原创 2019-08-19 15:25:09 · 141 阅读 · 0 评论 -
JavaScript 函数
Js中的函数函数声明第一种方式function 函数名() {}// 调用方式: 函数名();第二种方式一个函数就是一个对象. 函数的typeof就是objectvar 函数名=function() {}// 调用方式函数名();第三种方式// 函数体必须是字符串var 函数名=new Function("函数体")// 调用方式函数名();// 如果直...原创 2019-08-19 15:26:12 · 128 阅读 · 0 评论 -
JavaScript 常用对象
文章目录Js中的常用对象Dater日期对象数学函数对象Sting对象全局对象数组对象数组得声明方式数组得使用数组的扩容数组的遍历数组中的常用方法Js中的常用对象Dater日期对象// 新建对象var date = new Date();// 本星期的第几天date.getDay();// 本月的第几天date.getDate();// 返回月份 0-11date.getM...原创 2019-08-19 15:27:05 · 314 阅读 · 0 评论 -
JavaScript 事件机制
文章目录Event机制有哪些事件事件使用示例Event机制事件是可以被 JavaScript 侦测到的行为网页中的每个元素都可以产生某些可以触发 JavaScript函数的事件。 比方说, 我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数事件通常与函数配合使用, 这样就可以通过发生的事件来驱动函数执行有哪些事件属性当以下情况发生时, 出现此事件...原创 2019-08-19 15:27:55 · 70 阅读 · 0 评论 -
JavaScript 原型列prototype
prototype属性prototype属性使得js能够实现继承的效果js中的对象js中的一个方法, 也是js中的一个对象, 就像是java里边的类比如function user(age, sex){ this.name = "张三": this.age = age; this.sex = sex; this.eat = function() { ...原创 2019-08-20 19:56:15 · 177 阅读 · 0 评论 -
BOM对象与DOM对象区别
BOM对象和DOM对象的区别什么是BOMBOM是Browser Object Model的简写, 即浏览器对象模型BOM由一系列对象组成, 是访问、 控制、 修改浏览器的属性的方法BOM没有统一的标准(每种客户端都可以自定标准)。BOM的顶层是window对象什么是DOMDOM是Document Object Model的简写,即文档对象模型。DOM用于XHTML、 ...原创 2019-08-20 19:58:18 · 1022 阅读 · 0 评论 -
BOM 对象-window
BOM对象window的一些方法window对象的常用属性closed返回窗口是否已被关闭。innerheight返回窗口的文档显示区的高度。innerwidth返回窗口的文档显示区的宽度。name设置或返回窗口的名称。window对象常用方法alert(); 显示带有一段消息和一个确认按钮的警告框。blur(); 把键盘焦点从顶层窗口移开。...原创 2019-08-20 19:58:57 · 138 阅读 · 0 评论 -
BOM location-history-navigator对象
Location对象var href=window.location.href; // 获得当前urlvar port = window.location.port; // 获得当前端口var hostname=window.location.hostname; // 获得当前服务器主机名var host = window.location.host; //获得当前主机名加端口// 修...原创 2019-08-20 19:59:49 · 198 阅读 · 0 评论 -
JQuery 动画操作
JQuery的简单动画操作隐藏动画// 获得div对象var div1 = $("#div1");// 3秒种隐藏, 注意, 3000是毫秒div1.hide(3000);显示隐藏的元素动画// 3秒钟显示动画div.show(3000);显示和隐藏互相切换// toggle会将已经隐藏的显示出来, 已经显示的隐藏掉.div1.toggle(3000);向上滑动di...原创 2019-08-23 15:39:14 · 178 阅读 · 0 评论