JavaScript
文章平均质量分 80
u013497151
这个作者很懒,什么都没留下…
展开
-
DOM学习笔记二
DOM中document:代表html的文档对象(重要)document演示:该对象将标记型文档进行封装该对象的作用,是对可标记型文档进行操作常见操作,想要实现动态效果,需要对节点操作,那么先获取到这个节点,想获取节点,就必须先获取节点所属的文档对象document获取节点的方法体现:getElementById();提高标签的id属性值获取该标签节点,返回原创 2014-12-07 21:08:03 · 1394 阅读 · 0 评论 -
一步一步学习 JQuery (五) 用JQuery玩转节点
JQuery 中的 DOM 操作原创 2015-02-25 19:15:24 · 1792 阅读 · 1 评论 -
一步一步学习 JQuery (一) JQuery 对象
jQuery 是继 Prototype 之后又一个优秀的 JavaScript 库jQuery 理念: 写得少, 做得多. 优势如下:轻量级强大的选择器出色的 DOM 操作的封装可靠的事件处理机制完善的 Ajax出色的浏览器兼容性链式操作方式JQuery:Hello WorldInsert title here //$(function(){}原创 2015-02-20 22:45:02 · 1567 阅读 · 0 评论 -
JavaScript常用方法
1.document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElement转载 2015-04-22 19:51:46 · 845 阅读 · 0 评论 -
Jquery实现简单的图片滚动效果
图片滚动 body,ul,li { padding:0; margin:0} ul,li { list-style:none}.person_pic{ width:72%; height:auto; margin-top:18%; margin-left:28%;}.per-pic-scroll {height:200px; position:relative;margin-top:5原创 2015-03-27 16:20:56 · 1191 阅读 · 0 评论 -
一步一步学习 JQuery (七) JQuery 中的事件处理
一、加载 DOM 在页面加载完毕后, 浏览器会通过 JavaScript 为 DOM 元素添加事件. 在常规的 JavaScript 代码中, 通常使用 window.onload 方法, 在 jQuery 中使用$(document).ready() 方法. Untitled Document //加载 DOM 的两种方式: j原创 2015-03-01 19:49:18 · 1302 阅读 · 0 评论 -
一步一步学习 JQuery (六) JQuery 的 html() & val() && CSS_DOM操作
设置和获取 HTML, 文本和值读取和设置某个元素中的 HTML 内容: html() . 该方法可以用于 XHTML, 但不能用于 XML 文档读取和设置某个元素中的文本内容: text(). 该方法既可以用于 XHTML 也可以用于 XML 文档.读取和设置某个元素中的值: val() --- 该方法类似 JavaScript 中的 value 属性. 对于文本框, 下拉列表框,原创 2015-02-26 23:24:59 · 1553 阅读 · 0 评论 -
一步一步学习 JQuery (二) 选择器: 基本选择器 && 层次选择器
JQuery选择器:原创 2015-02-21 18:34:37 · 2419 阅读 · 2 评论 -
一步一步学习 JQuery (四) 过滤选择器:属性过滤选择器 && 子元素过滤选择器 && 表单过滤选择器
四、属性过滤选择器属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素选取下列元素,改变其背景色为 # bbffaa含有属性title 的div元素.属性title值等于"test"的div元素.属性title值不等于"test"的div元素(没有属性title的也将被选中).属性title值 以"te"开始 的div元素.属性title值 以"est"原创 2015-02-23 19:59:56 · 1921 阅读 · 1 评论 -
一步一步学习 JQuery (三) 过滤选择器:基本过滤选择器 && 内容过滤选择器 && 可见性过滤选择器
过滤选择器:过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM 元素, 该选择器都以 “:” 开头按照不同的过滤规则, 过滤选择器可以分为基本过滤, 内容过滤, 可见性过滤, 属性过滤, 子元素过滤和表单对象属性过滤选择器.一、基本过滤选择器改变第一个 div 元素的背景色为 # bbffaa改变最后一个 div 元素的背景色为 # bbffaa改变cla原创 2015-02-23 16:09:16 · 2386 阅读 · 0 评论 -
Ajax(三) — json 数据格式
为什么,学习json?现在异构系统之间消息传递大多数的使用的都是json格式比如 WebService 基于XML,因为要遵循多种约束,所以传递数据比较麻烦,而且在高并发的情况下,传递数据很慢。而阿里的 Dubbo 分布式服务框架(仅限于Java平台使用)的效率就非常非常高JSON(JavaScriptObject Notation)一种简单的数据格式,比xml更轻巧。原创 2015-08-08 18:22:48 · 1191 阅读 · 0 评论 -
Ajax(二) — Ajax初步 : $.post 方法与 $.ajax 方法
$.post方法原创 2015-08-06 18:32:52 · 1916 阅读 · 1 评论 -
15个值得开发人员关注的jQuery开发技巧和心得
英文原文:15 Powerful jQuery Tips and Tricks for Developers在这篇文章中,我们将介绍15个让你的jQuery更加有效的技巧,大部分关于性能提升的,希望大家能够喜欢!1. 尽量使用最新版本的jQuery类库jQuery项目中使用了大量的创新。最好的方法来提高性能就是使用最新版本的jQuery。每一个新的版本都包含了优化的bug修转载 2015-03-01 19:57:32 · 934 阅读 · 0 评论 -
一步一步学习 JQuery (八) JQuery 的动画效果
常用方法hide(): 在 HTML 文档中, 为一个元素调用 hide() 方法会将该元素的 display 样式改为 none. 代码功能同 css(“display”, “none”);show(): 将元素的 display 样式改为先前的显示状态.以上两个方法在不带任何参数的情况下, 作用是立即隐藏或显示匹配的元素, 不会有任何动画. 可以通过制定速度参数使元素动起来.以原创 2015-03-02 20:50:40 · 1305 阅读 · 0 评论 -
DOM学习笔记三
通过节点层次关系获取节点:(重要)当节点既没有id,也没有name,通过节点当中的关系,是另一种获取节点方式 通过节点关系获取节点 关系: 1.父节点:parentNode,一个父节点 2.子节点:childNodes ,直接后代节点集合 3.兄弟节点:比较少用,因为没有浏览器的解析方式原创 2014-12-08 21:30:42 · 1472 阅读 · 0 评论 -
DOM学习笔记四
DOM展开闭合列表:overflow 属性规定当内容溢出元素框时发生的事情。auto,hidden,inherit,scroll,visible1.标签封装数据2.定义样式,css3.明确事件源和事件,以及要处理的节点,dom4.明确具体操作方式(事件的处理内容),js dl dd{ /*标签本来带着缩进功能,取消 *原创 2014-12-09 18:42:57 · 1385 阅读 · 0 评论 -
DOM学习笔记五
DOM创建表格:在页面中创建一个5行5列的表格1.事件源,按钮2.必须有一个生成表格节点存储位置 --> @import url(table.css); function CreatTable(){ //最原始的方式 var原创 2014-12-14 10:26:45 · 1394 阅读 · 0 评论 -
DOM学习笔记六
示例:邮件列表 .one { background-color: #249BDB; } .two { background-color: #F8981D; } .high{ background-color: #cc0000; } //行颜色间隔显示功能 fu原创 2014-12-14 10:35:01 · 1485 阅读 · 0 评论 -
DOM学习笔记一
Dom: document object model(文档对象模型)增强页面的动态效果用来将标记型文档封装成对象,并将标记型文档中的所有内容(标签,文本,属性等)封装成对象,这样就更方便的操作这些文档以及文档中的内容。对象的出现就可以有属性和行为被使用。文档:标记型文档对象:封装了属性和行为的实例,可以直接被调用模型:所有标记型文档都具备一些共性的体现标记型原创 2014-12-07 16:25:50 · 1588 阅读 · 0 评论 -
JavaScript-基础语法(4)
全局方法,和Number对象演示global的全局方法 和 Number alert(parseInt("123"+1)); outln(parseInt("abc"));//NaN,非法 var val = parseInt("abc"); outln("value = "+isNaN(val));//isNaN判断是否非法原创 2014-11-30 19:32:47 · 1443 阅读 · 0 评论 -
JavaScript-基础语法(1)
JavaScript概述JavaScript是基于对象和事件驱动的脚本语言,主要应用于客户端JavaScript特点:1.交互性(信息动态交互)2.安全性(不允许直接访问本地硬盘)3.跨平台性(只要是可以解释JavaScript的浏览器都可以用,与平台无关)JavaScript与Java的区别:要明确的是,和Java一点关系没有1.JS是基于对象(里原创 2014-11-24 18:43:34 · 1817 阅读 · 1 评论 -
JavaScript-基础语法(3)
String的基本功能out:封装的document.write();很多方法与java重复 //String对象:var str1 = "xx" var str2 = new String("d"); var str = "aasdasd"; outln("len = "+str.length); ou原创 2014-11-30 19:29:48 · 1390 阅读 · 0 评论 -
JavaScript-基础语法(2)
if语句var a = 3; if(a==4){ alert("yes"); }else{ alert("no"); }//no,但是改一下,if(a=4),会打印yes,a被赋值为了4,!0 // 所以一般都是常量放左边,if(4==x),如果删=,就会报错其余的和java原创 2014-11-27 20:13:18 · 1225 阅读 · 0 评论 -
使用 Jquery 实现字体大小转换
导入 jquery1.9.1.js 库 $(function(){ var initFontSize = 18; function removeBlur(){ if(this.blur){ this.blur(); } } /* 改变字体大小原创 2015-03-03 16:46:40 · 1785 阅读 · 0 评论 -
使用Jquery实现图片轮播效果
JQuery实现图片轮播*{margin: 0;padding: 0;}#box{width:600px;height:240px;position: relative;}#pic{width:600px;height:240px;position: relative;top:0px;left:0px;}img{position: absolute;}/* 将三个图片层叠在一起 */#原创 2015-03-11 11:17:24 · 1573 阅读 · 2 评论 -
Ajax(一) — Ajax的核心与异步原理
1、什么是浏览器的同步步骤:客户发出HTTP请求 -> 服务器接受客户的请求并处理客户的请求 -> 服务器将相应客户的请求,返回客户所需要的页面缺点:1.每一次客户提交请求的时候,提交的是整个页面。也就是说不管这个页面的数据量大小,都要经过网络的传输。这样给网络造成了数据的压力。2.在每次客户提交请求的时候,因为要提交整个数据,所以就要刷心整个页面。这样情况对于用户的交互性原创 2015-08-06 17:29:50 · 10673 阅读 · 2 评论