- 博客(78)
- 收藏
- 关注
RSS订阅原创 JavaScript 运算符
JavaScript 运算符运算符 = 用于赋值。运算符 + 用于加值。运算符 = 用于给 JavaScript 变量赋值。算术运算符 + 用于把值加起来。y=5;z=2;x=y+z; 在以上语句执行后，x 的值是 7。JavaScript 算术运算符算术运算符用于执行变量与/或值之间的算术运算。给定 y=5，下面的表格解释了这些算术运算符：运算符
2014-11-18 16:54:59
481
原创 JavaScript函数
JavaScript 函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。JavaScript 函数语法函数就是包裹在花括号中的代码块，前面使用了关键词 function：function functionname(){这里是要执行的代码}当调用该函数时，会执行函数内的代码。可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaS
2014-11-18 16:51:27
418
原创 JavaScript 对象
JavaScript 对象JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。属性和方法属性是与对象相关的值。方法是能够在对象上执行的动作。举例：汽车就是现实生活中的对象。汽车的属性：car.name=Fiatcar.model=500car.weight=850kgcar
2014-11-18 16:50:13
412
原创 javascript的数据类型
javascript的数据类型：字符串、数字、布尔、数组、null、undefined。JavaScript 字符串字符串是存储字符（比如 "Bill Gates"）的变量。字符串可以是引号中的任意文本。您可以使用单引号或双引号：var carname="Bill Gates";var carname='Bill Gates';JavaScript 数字
2014-11-18 16:47:54
385
原创 javascript的数据类型
javascript的数据类型：字符串、数字、布尔、数组、null、undefined。JavaScript 字符串字符串是存储字符（比如 "Bill Gates"）的变量。字符串可以是引号中的任意文本。您可以使用单引号或双引号：var carname="Bill Gates";var carname='Bill Gates';JavaScript 数字
2014-11-15 15:07:29
403
原创 表格操作
操作表格-选择器$(document).ready(function(){ $('.tab1 tbody tr:even,.tab2 tbody tr:even,.tab3 tbody tr:even').addClass('odd'); $('.tab1 tbody tr,.tab2 tbody tr,.tab3 tbody tr').hover(function(){ $(thi
2014-07-17 14:24:08
439
原创 属性选择器
属性选择器$(document).ready(function(){ $('#btn').click(function(){ $('a[name="nav"]').addClass('pink'); //匹配包含给定属性的元素。注意，在jQuery 1.3中，前导的@符号已经被废除！如果想要兼容最新版本，只需要简单去掉@符号即可 });});/*[attribute] [att
2014-07-17 08:39:00
448
原创 子选择器
子选择器$(document).ready(function(){ $('#btn').click(function(){ $('div>.p1').addClass('blue'); });});.blue{ background:blue;} 御剑江湖，一生情一生殇 御剑江湖,一声怅一声惘 应君诺，怎能相忘
2014-07-16 19:31:50
530
原创 表格伸缩
表格伸缩$(document).ready(function(){ $('tr.parent') .css('cursor','pointer') //cursor光标 .attr('title','点击这里展开/关闭') //attr 属性 .click(function(){ $(this).siblings('.child-'+this.id).toggle(); });
2014-07-16 16:00:45
539
原创 animate()
animate$(document).ready(function(){ $('a').click(function(){ $('#div1').animate({height:'400px',width:'600px'},'slow'); });});a{ margin-left:650px;}#div1{ color:red; border:3px dotted gre
2014-07-16 10:26:17
437
原创 next()
next()$(document).ready(function(){ $('span').click(function(){ alert($('p').next('.p1').html()); });});人神点我成神
2014-07-15 20:25:39
395
原创 parents()用法
parents用法$(document).ready(function(){ $('a').hover(function(){ $(this).parents('p').addClass('highlight'); },function(){ $(this).parents('p').removeClass('highlight'); });});.highlight{
2014-07-15 17:21:07
1035
原创 --each--find
--each--find$(document).ready(function(){ //$('#ul1').find('li').each(function(i){ $('#ul1 >li').each(function(i){ $(this).html($(this).html()+'--单身万岁--'+i); });}); a b c d e
2014-07-15 17:04:26
409
原创 可以用jQuery代替$避免冲突
可以用jQuery代替$避免冲突jQuery(document).ready(function(){ jQuery('tbody tr').click(function(){ jQuery(this).toggleClass('yellow'); });});td { padding:5px; border-bottom:1px solid blue;}.yellow{ b
2014-07-15 16:05:36
706
原创 hover()
hover()$(document).ready(function() { $('#ul1 >li').hover(function(){ $(this).addClass('blue'); },function(){ $(this).removeClass('blue'); });});.blue{ background:blue;} 1 2
2014-07-15 11:18:33
459
原创 toggle2
toggle2$(document).ready(function(){ $('input').click(function(){ $('p').toggle('slow'); });});这里本来是显示的这里本来是隐藏的
2014-07-15 10:04:54
483
原创 toggle(切换元素的可见状态)
toggle$(document).ready(function(){ $('p').toggle();});我毕业后要当一名前端程序员还有一年我就该实习了<!--切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。-->
2014-07-15 09:56:41
682
原创 append与appendTo
append与appendTo$(document).ready(function(){ $('#head1').click(function(){ $('').appendTo('#div1'); }); $('#head2').click(function(){ $('#div2').append(''); });});看这里看这里
2014-07-15 09:19:51
448
原创 hide特效
hide特效$(document).ready(function(){ $('a').click(function(){ $(this).hide('slow',function(){ alert('hello word'); }); return false; });}); 现在，只要你点击超链接，超链接就会慢慢的消失。 “return
2014-07-14 17:17:24
444
原创 收放菜单
菜单收放$(document).ready(function(){ $('#nav,#content').mouseover(function(){ $('#content').css('display','block'); }).mouseout(function(){ $('#content').css('display','none'); }); /*$('#conte
2014-07-14 15:50:44
483
原创 增加css样式--详细版
增加css样式$(document).ready(function(){ $('#head').mouseover(function(){ $('#content').addClass('f_style'); }).mouseout(function(){ $('#content').removeClass('f_style'); });});#head{ width
2014-07-14 14:22:49
448
原创 增加class
增加css中的class$(document).ready(function(){ $('#content').addClass('color');});-->.color{ color:red; font-size:20px; }$(document)是获取整个文档对象，$('p')是获取所有的段落标签
2014-07-14 11:10:12
370
原创 鼠标点击时的触发
鼠标点击时的触发$(document).ready(function(){ $('p').click(function(){ alert('@@@@@@@@@@@@@@@@@'); });});点击鼠标时，会弹出警告框
2014-07-14 10:30:42
563
原创 jQuery笔记
一：语法基本说明 1>基本语法: $(选择器).方法(function(){}); 举例： $('button').click(function(){ alert('####');}); $是jQuery 的简写 2，连缀方法： $(选择器).方法(function(){}).方法(function()
2014-07-14 09:12:48
386
转载 git-即时笔记
1，在Windows上安装Gitmsysgit是Windows版的Git，从http://msysgit.github.io/下载，然后按默认选项安装即可$ git config --global user.name "Your Name"$ git config --global user.email "email@example.com"2，创建版本库$
2014-07-13 16:07:03
422
转载 数组与对象
数组与对象数组数组,实际上就是将一大堆相似的数据有秩序的放在格子箱中,十分像药房里的那些柜子.数据1数据2数据3数据4数据5数据6用代码创建数组 var arr = new Array();//Array和Date一样,也是一个内置对象,需要使用new运算符创建 arr[0]="数据1";//向数组中添加一个元素,数组中的元素是有编
2014-07-05 10:50:02
383
转载 4.函数与内置对象
函数与内置对象函数函数(又称为方法)用于对一大段为了达到某种目的的代码进行归类，以使代码更具有条理： //一段计算三角形面积的代码 var wide=window.prompt("请输入三角形的底边长度！",""); var high=window.prompt("请输入三角形的高！",""); var area=wide*high/2; if (isNaN(area)) {/
2014-07-05 09:30:38
367
转载 分支判断与循环
分支判断与循环分支结构单一选择结构（if）二路选择结构（if/else）内联三元运算符 ?:多路选择结构（switch） var condition = true; if (condition) { alert("我将出现！"); } condition = false; if (condition) { alert("我不会出现！"); } else { a
2014-07-05 09:11:56
503
转载 变量,小学生数学与简单的交互
变量,小学生数学与简单的交互变量对于变量的理解：变量是数据的代号。如同人的名字一样。 var num;//在JavaScript中使用关键字var声明一个变量在JavaScript中,使用上面的语法,就可以声明一个变量,以便在之后给其指定值. var num; num=128;//这样，就将num做为值128的一个名字，有了名字，就可以在之后引用！ document.wri
2014-07-05 09:08:52
629
原创 延时提示框
延时提示框#div1{ width:50px; height:50px; background:#000; float:left; position:relative;}#div2{ width:200px; height:200px; background:yellow; float:left; position:relative; left:10px; display:none;}
2014-05-27 17:51:21
427
原创 无缝滚动
无缝滚动*{ margin:0; padding:0;}#div1{ width:712px; height:108px; background:red; position:relative; margin:200px auto; overflow:hidden; }#div1 ul{ position:absolute; left:0; top:0;}#div1 ul li{ list
2014-05-27 17:50:38
338
原创 定时器的开启与关闭
无标题文档window.onload=function(){ var oBtn1=document.getElementById('btn1'); var oBtn2=document.getElementById('btn2'); var timer=null; oBtn1.onclick=function() { timer=setInterval(function(){
2014-05-25 16:08:53
838
原创 获取时间
Datevar oDate=new Date();//alert(oDate.getSeconds()); //获取秒alert(oDate.getFullYear());alert(oDate.getMonth()+1);alert(oDate.getDate());alert(oDate.getDay());alert(oDate.getHours());alert(oDat
2014-05-25 15:29:53
423
原创 数组排序
数组排序//var arr=['dog','boy','cat','apple'];//var arr=[3,12,67,9,23];var arr=[3,12,67,9,23];//方法一：/*arr.sort(function (n1,n2) { if(n1>n2) { return 1; } else if(n1<n2
2014-05-25 15:07:06
378
原创 数组连接
数组连接var a=[1,2,3];var b=[4,5,6];//alert(a.concat(b)); //将a，b两个数组以a前b后连接alert(b.concat(a)); //将a，b两个数组以b前a后连接
2014-05-25 14:50:38
449
原创 关于数组的应用
数组var a=[1,2,3,4,5,6];//a.shift(); //将数组第一个元素删除//a.unshift(7,8); //将新数据从左到右插入到数组头部//a.push(11,12); //将新数据从左到右插入到数组尾部//a.pop(); //将数组最后一个元素删除//a.splice(1,2); //删除：splice(起点, 长度) 在数组下标
2014-05-25 14:45:11
1062
原创 提取非行间样式
第一种方法：取非行间样式#div1{ width:200px; height:200px; background:red;}/*window.onload=function(){var oDiv=document.getElementById('div1');//alert(oDiv.style.width);//alert(oDiv.cur
2014-05-24 17:56:56
382
原创 作用域
全局变量：全局变量var a; //全局变量，在任何地方都能用function abc(){a=22;}function bcd(){alert(a);}abc();bcd();局部变量：局部变量//子函数可以使用父函数的局部变量func
2014-05-24 14:24:40
315
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人