JQ基础入门(上)

jQuery获取目标时：为$(" 目标 ")  如果目标是id：#id 目标是class：.class  目标是标签 ：标签名

页面加载事件，等同于JavaScript原生中的window.onload = function（）{}

 原生JS与JQ的比较：

 案例一：使用JQ代替JS实现弹出广告的效果：

                1.书写显示广告图片的定时操作
                2.书写显示广告图片的函数
                3.获取广告图片并让其显示图片
                4.清除显示图片的定时操作
                5.设置隐藏图片的定时操作
                6.获取广告图片让其隐藏
                7.清除隐藏图片的定时操作

核心代码：

		
HTML核心代码:

切换的使用方法：

实现切换方法的标签都会一直显示隐藏。

核心代码：

Html核心代码;

			
			

选择器：符号之间的使用

		
Html核心代码:

		
		
		
		
		
		

		

			

				111
			
		
		
		

			

				222
			
			

				333
			
		
		
		

			

				444
			
			

				555
			
			

				666
			
		
		
		
			
		

 

使用jQuery实现表格奇偶行的隔行换色处理（even odd）

第一步，在页面加载事件中进行隔行换色

第二步：对偶数行进行换色

第三步：对奇数行进行换色

核心代码：

html核心代码：

				
					1
					张三
					22
				
				
					2
					李四
					25
				
				
					3
					王五
					27
				
				
					4
					赵六
					29
				
				
					5
					田七
					30
				
				
					6
					汾九
					20
				

上述代码是在没有样式时使用的！如果我们的美工给了我们样式，此时我们应该使用美工的样式，去导入css样式如下核心代码：

注意：一定要在上面引入我们的样式css才能看见效果

 使用JQuery实现全选全不选操作

核心代码：

html核心代码:

					
					编号
					姓名
					年龄


				
					
					1
					张三
					22