<--目录-->

1、js存在形式及其它

2、函数

3、自执行函数

4、jquery3添加事件

5、jquery自动增减样式

6、返回顶部

7、滚动条

8、×××灯

9、搜索框


js存在形式及其它




	
		
		测试js
		
	
	

	
	    
	
	    
	    
	    
	    
	    
	    
	    
	    内容
                                                      function Foo(){      document.getElementById('F1').submit(); //找到这个id，并提交这个id      }                                                                         


函数.js

//alert('杨过');

//这是单行注释

/*
 这是多行注释
 name=123   全局变量设置
 var name=123   局部变量设置
 * */

//函数变量，函数声明，函数返回值
name = '123'
tes = 'test1' 

Foo('wsyht1','wsyht2','wsyht3') //赋值第1、2、3位参数
Bar()
Bat()
function Foo(name1,name2){   //传第1、2位参数

	var name3 = arguments[2];var name4 = arguments[3];  //声明第3、4位参数，不推荐使用
	console.log(name1);
	console.log(name2);
	console.log(name3);console.log(name4);    //加分号写多条语句，输出3、4位参数，第四位没有赋值，则会输出没有定义
	return console.log(name1);
}

function Bar(){
	tes = 'test2';
	console.log(name);
	console.log(tes);
}
function Bat(){
	var name = '456' ;
	console.log(name);  
}


自执行函数

/*

var temp = function(){ //匿名函数
	
}
*/

//自执行函数，不用调用，自已去执行

/*
(function(){
	console.log('hello world');
	
})()
*/

/*
(function(name){
	console.log(name);
	
})('wsyht')
*/

//声明数组
//var arry = arry(12,3,4,5)

/*
var arry = [1,2,3,4]
arry.push('wsyht');
console.log(arry);
arry.unshift('wsy');
console.log(arry);
arry.splice(1,0,'ht');   //在1后面插入数字ok，0代表插入不删除的意思 
console.log(arry);
arry.splice(100,0,'ok'); //在100后面插入数字ok，0代表插入不删除的意思 
console.log(arry);
*/

//a = [1,2,3]
//a[10] = 9
//a

//names = [1,22,33,44,55,66]
//names.slice(1,5) //取第1位后面的所有数字


//dic = {'name':'wsyht','age':18}
//dic = {'name':{'xx':'oo'},'age':18}


//第一种for循环

var array = [11,22,33,44,55]
var dict = {'name':'wsyht','age':19}
/*
for(var item in array){
	console.log(item)
}
for(var item in dict){
	console.log(dict[item])
}
*/


//第二种for循环
/*
for(var i=0;i 
  

 
  
js添加事件
 
  



	
		
		
	
	
		
I would like to say：

		
		
		
		
		
		
			$(function(){
				$('#addId1,#addId2').click(function(){    //给id1和id2都创建追加事件
					var currentId = $(this).attr('id');	  //this:获得点击的div，attr：获得点击的div的id的属性赋值给currentID
					if(currentId == 'addId1'){    //如果是id1
						//$('p').append('wsyht ');  //p标签添加wsyht
						//$('p').text('I would like to say：wsyht '); //覆盖添加wsyht
						$('p span').text('wsyht')  //p标签下的span标签覆盖添加wsyht
					}else if(currentId == 'addId2'){  //如果是id2
						//$('p').append('jenkins '); //p标签添加jenkins
						//$('p').text('I would like to say：jenkins ');  //覆盖添加jenkins
						$('p span').text('jenkins')   //p标签下的span标签覆盖添加jenkins
					}else{
						
					}
					
					
					
					
				}); 
			})
		
		
	

 
  

 
  
js自动增减样式
 
  



	
		
		jquery
		
		
		
	
	
		
		
		
		 1234123