#前端思维框架
好吃的都给你呀
这个作者很懒,什么都没留下…
展开
-
前端思维框架
JavaScript【JAVA思维框架(点击跳转)】【数据库思维框架】【Web思维框架】【SSM思维框架】ECMAScript BOM浏览器对象模型 DOM文档对象模型 事件 表单验证 图片轮转 隔行换色JQueryjQuery基本选择器 jQuery基础操作(简单动画:显隐、滑动、淡化,弹出广告) jQuery高级选择器 jQuery操作css属...原创 2019-12-04 11:34:44 · 218 阅读 · 0 评论 -
jQuery Validate插件 && 表单验证演示
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。原创 2019-12-10 21:57:40 · 228 阅读 · 0 评论 -
jQuery列表元素转移
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../js/jquery.js" ></script> <scr...原创 2019-12-05 08:54:53 · 132 阅读 · 0 评论 -
jQuery数组内容显示到下拉列表
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../js/jquery.js" ></script> <scr...原创 2019-12-05 08:54:38 · 728 阅读 · 0 评论 -
jQuery阅读协议倒计时
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> span{ position: fixed; left: 47%; } input{ positio...原创 2019-12-05 08:54:24 · 786 阅读 · 0 评论 -
JQuery获取元素内容操作元素
JQuery获取元素内容操作元素获取/设置元素内容体获取/设置元素内容体HTML代码 语法 属性名 属性说明 jQuery对象.html() 获得内容体html代码,如果有标签代码,一并获得。 ...原创 2019-12-05 08:54:08 · 515 阅读 · 2 评论 -
JQery操作属性 && 案例:全选or全不选
JQery操作属性prop() 语法 prop("属性名"); 获取元素的某个属性的值 prop("属性名",属性值); 给属性赋值 removeProp("属性名"); 删除元素的某个属性的值 注:prop命令是jQuery1.6版本后的新操作方式,用以替代attr命令。 <!DOC...原创 2019-12-04 21:57:15 · 121 阅读 · 0 评论 -
jQuery遍历数组
jQuery遍历数组数组遍历:在JS中,我们使用普通for循环即可遍历数组。在jQuery中,我们可以使数组的遍历变得更为简单(使用for遍历,取出的元素为js对象而非jQuery对象) 属性名 属性说明 JQ数组.each(fn); 遍历jQuery数组 $.each(jQuery数组,...原创 2019-12-04 21:35:00 · 542 阅读 · 0 评论 -
jQuery操作css属性
jQuery操作css属性css()方式操作 语法: css(property) 取值 css(property, value) 赋值 css(map) css(property, function) width() height() ...原创 2019-12-04 21:22:22 · 130 阅读 · 0 评论 -
jQuery高级选择器
jQuery高级选择器层级选择器和CSS层级选择器类似,可以通过层级关系获取对应标签对象。 语法AB 获得A元素内部的所有的B元素。(后代) A>B 获得A元素下面的所有B子元素。(子标签) A+B 获得A元素同级下一个B元素。(直接后兄弟) A~B 获得A元...原创 2019-12-04 20:29:39 · 232 阅读 · 0 评论 -
JQuery基础操作(简单动画:显隐、滑动、淡化,弹出广告)
JQuery基础操作jQuery对象和JS对象互相转换jQuery对象只能调用jQuery中的属性和方法,不能调用js对象中的属性和方法js对象只能调用js中的属性和方法,不能调用jQuery对象中的属性和方法但是:实际开发中,经常会涉及到这两种对象的混用,需要学习jQuery对象和JS对象的互转。jQuery对象转成js对象语法格式:var js对象 = jQuer...原创 2019-12-04 17:39:30 · 195 阅读 · 0 评论 -
JQuery基本选择器
jQuery和CSS一样,也有选择器概念,即选择性获取某些标签对象。JQuery基本选择器JQuery基本选择器有: ID选择器 $('#标签id属性值') 元素选择器$('#标签名') 类选择器$('.标签class属性值') ID选择器作用:根据标签的id属性值,选择html页面的某个标签,获取jQuery对象。 ...原创 2019-12-04 16:58:27 · 121 阅读 · 0 评论 -
隔行换色
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script > onload=function(){ var trs = document....原创 2019-12-04 00:43:11 · 128 阅读 · 0 评论 -
图片轮转
图片轮转是一个非常常见的网页样式。广泛引用于广告,电商,新闻等平台首页。其实原理很简单。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #img{...原创 2019-12-04 00:31:02 · 495 阅读 · 0 评论 -
表单验证
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function checkUsername(){ var regex = /^...原创 2019-12-04 00:17:23 · 148 阅读 · 0 评论 -
事件
事件就是配合输入设备和用户操作所触发的行为。我们之前一直使用的onclick就是其中的一种。事件 概述绑定方式利用超链接调用JS函数事件源概述 onclick鼠标单击事件 ondblclick鼠标双击事件 onmousedown...原创 2019-12-03 23:06:30 · 186 阅读 · 0 评论 -
DOM文档对象模型
DOMDocument Object Model 文档对象模型,HTML页面中的内容加载到内存,在内存中形成一个DOM对象。DOM用来操作页面上的内容。DOM本质上就是BOM中的document。原创 2019-12-03 22:08:13 · 102 阅读 · 0 评论 -
BOM浏览器对象模型
BOM Browser Object Model 浏览器对象模型,浏览器的很多行为都可以通过JavaScript控制,例如打开窗口、关闭窗口、把网页设为主页或添加到收藏夹等。这些操作实际上就是对BOM进行操作。BOM就是由一系列独立于内容而与浏览器窗口进行交互的对象构成,也就是说,浏览器上见到的一切都属于BOM。原创 2019-12-03 19:58:39 · 253 阅读 · 1 评论 -
ECMAScript
ECMAScript是JavaScript的核心,规定了JS的语法规范ECMAScript常量 12 // 整数类型常量 1.2 // 浮点数类型常量 "hello world" // 字符串类型常量 'Hi' // 字...原创 2019-12-03 18:19:12 · 3069 阅读 · 1 评论