老实青年-优快云博客

原创 jQuery学习笔记之事件

事件对象 target 这个反应触发事件的DOM对象，可以在事件冒泡的时候判断是否是事件源头(compare event.target to this)获取绑定事件的DOM元素（触发元素），你点了那个就是那个 currentTarget：冒泡前的当前触发事件的DOM对象，获取监听元素的DOM，你绑定那个就是那个,等同于this relatedTarget:对于鼠标事

2017-04-09 21:02:52 313

原创 jQuery学习笔记之DOM节点操作

jQuery DOM节点操作创建节点 $(function(){ var box=$('节点');//创建节点 $('body').append(box);//插入节点 })插入节点 append(content) 向指定元素内部后面插入节点content append(function(index,html){})使用匿

2017-04-09 20:49:00 303

原创 jQuery学习笔记之基础DOM和CSS操作

基础DOM操作设置元素及内容1、html():获取html里的所有内容，在括号里加内容会替换里的内容，有HTML会自动解析2、text（）:获取元素中的文本内容，在括号里加内容会替换文本内容，有HTML会自动转义3、val（）：获取表单内容，在括号里加内容会设置表单内容eg：$('input').val(['男'，‘女’])会自动默认选取复选项元素属

2017-04-09 20:41:08 270

原创 jQuery学习笔记之选择器（继基础核心篇）

常规选择器 1、$('input[属性]').val();获取表单内容表单选择器 :input 选取所有input button select textarea元素 :text :password :radio :chechbox :submit :reset :image :button

2017-04-09 20:27:50 298

原创 jQuery学习笔记之jQuery基础核心

$=jQuery$ 返回jQuery对象内部$() 返回的jQuery对象$('#box') 返回的也是jquery对象$('#box').css('color','red') 还是返回的jquery对象因此可以具有连缀模式，连续添加.css()等$(document）.ready（function (){}）=$（function (){}）;就相当于js里的windo

2017-04-09 20:20:16 304

原创 js学习之AJAX

AJAX：让js读取服务器的数据使用Ajax基础：请求并显示静态TXT文件注意字符集编码的一致缓存和阻止缓存的问题（这只是一种方法）：‘xxx.txt?t=’Data().getTime()AJAX读取的任何东西都是以字符串的形式存在HTTP请求的方法：get方式，将内容放到url里，跟随uri一起通过网址传递容量小，因为网址限制，不适合传递大数据安

2017-04-05 20:30:28 495

原创在HTML5里把canvas作的画作为背景的方法

这里是用canvas做一个动态的生长树并将其作为背景，我查阅了很多资料发现一般两种方法，1、设置层级（本例代码就是用的这种方法）：position:absolute;z-index:-2;2、是将canvas转变为一个路径通过url作为背景document.getElementById('YST').style.backgroundImage = 'url("' + context

2017-03-28 21:09:43 10386

原创 js学习代码之文字动态波浪效果

html>lang="en"> charset="UTF-8"> 文字波浪效果 function wave(obj,n) { var theText="亲爱的爱上你从那天起甜蜜的很轻易"; var output=""; for(var i=0;itheText.length;i++

2017-03-28 11:58:25 1269

原创 js学习代码之表格排序

html>head> meta charset="utf-8"> title>表格排序title> script> window.onload=function (){ var oTab=document.getElementById('tab1'); var oBtn1=document.getElemen

2017-03-27 21:41:08 379

原创 CSS3学习代码之UI伪类选择器

html lang="en">head> meta charset="UTF-8"> title>CSS3之UI伪类选择器title> style> /*input[type="text"]:enabled{*/ /*background:#565656;*/ /*}可用的type为text的元素*/

2017-03-27 21:16:54 269

老实青年的博客