jQuery基本介绍(和js关系)

一: 前端:
HTML: 展示数据:
CSS: 美化页面:
JS: 添加动态的效果:
模拟对象:

var obj={};  
     function Person(){
      } 
      new Person();

事件驱动:

脚本语言: 浏览器从上往下依次解析:

二:
1: 基本介绍: Jquery: js库, 对js的部分封装。
2: 优点:
a: write less do more
b: 坚决了浏览器的兼容性问题:
c: 提供了很详细的文档说明
d:提供了成熟的插件供客户选择;

3: 开发步骤:
(1) 导入外部的js库:
(2)开发页面:
a: 通过srcipt标签,将js库引入:

b: $(function(){ … });

二: js对象和jquery对象:

1:获得方式: 获得js对象:
document.getElementById();
//H5新添加的方法:
document.querySelector(“选择器”);

document.getElementsByName(“name”);//返回的是一个数组:
document.getElementsByTagName(“tagName”);

js对象: 只能使用js的方法和属性:
Ele.innerHTML;
Ele.val;
Ele.id;

2: 获得jquery对象:

$(“#idValue”); //能够获得一个jquery对象:
$(“HTML”); 通过标签选择器获得一个jquery对象:
$(“.classValue”);通过类选择器获得一个jquery对象:

3: js对象和jquery对象的相互转换:
a:jquery对象是对js对象的再次封装:
js—>jquery:
语法:
$(“js对象”);//获得一个jquery对象:

互相转换的代码如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/jquery-1.8.3.js">
			
		</script>
		<script type="text/javascript" src="../js/0-print.js">
			
		</script>
		
	</head>
	<body>
		
		
		<div id="div1">
			这是一个盒子标签。22
		</div>
		
		<script>
			
			/*
			 * 使用传统的方式获得div对象: 
			 * document.getElementById("");
			 * divEle: js对象:
			 * 
			 * js对象使用的是js的方法和属性: 
			 *   
			 */
			/*var divEle = document.getElementById("div1");
//			var divEle2= document.querySelector("#div1"); 
			
			alert(divEle2.innerHTML);*/
			
			
			/*
			 * 通过jquery、获得:
			 * 
			 */
			//这句话的意思: 获得了一个jquery对象:  使用jquery的方法和属性: 
			var $div= $("#div1");
			//alert("jquery对象"+$div.html())
			
       
       //获得一个js对象: 
        var divEle = document.getElementById("div1");
        
	  // 使用jquery对象的方法: 
	    //js转换成jquery : 
	    
	    print("<br/>");
	    document.write($(divEle).text());
		
		
		
		/*
		 * jquery---》js对象:
		 */
		var $div = $("div");//本质上是一个数组: 数组当中的某个元素就是js对象: 
		
		// $[idnex]; //js对象: 
		var divEle = $div[0];
		
		//使用js对象的方方法和属性:  
		print("<hr/>");
		print(divEle.innerHTML);
		
		//方式二: $div对象:  
		var divEle3= $div.get(0);
		print(divEle3.innerHTML);
		</script>
	</body>
</html>

b: jquery对象本身是一个数组, 数组当中封装了多个js对象:
只需要获得其中的某个元素, 就是一个js对象:

方式一:
$[index]; //获得一个js对象:
案例: $div[0];
方式二:
$.get(index); 使用了jquery的对象的方法, 获取数组当中的某个元素。

总结: 两种对象使用都比较频繁, 在实际开发的过程当中, 经常互相转换。
this: js对象: 只能js的方法和属性:
$(this); //获得了额一个jquery对象:

三: js对象和 jquery对象的区别:
(1)获得方式不同:
(2) js: 对象没有任何的提示信息:
jquery: 有合理的提示信息:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/jquery-1.8.3.js">
			
		</script>
	</head>
	<body>
		<input type="text" name="" id="input1" value="vvv" />
	
		 
	<script type="text/javascript">
		//js形式:
		//alert(document.getElementById("inputl").value);
	
	    //js文件当中存在错误, 不会提示任何的错误信息 : 浏览器的控制台可以调试:
	  // alert( $("#inputl").val()); //jquery对错误有一定的提示信息: 
	  
	</script>  
	</body>
</html>

四: jquery 学习的重点:
a: 选择器:
b: jquery提供的API方法:
c: 事件
d: jquery 对ajax的封装:

五: 选择器:
a: 基本选择器:
b: 层级选择器:
c: 内容选择器:
几个骚操作的代码如下:

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
  </head>
  <style type="text/css">
  	/* *代表所有的元素  */
  	*{
  		font-size:10px;
  	}
  </style>
  <body>
  	
  	<div id="div1ID">div1</div>
  	<div id="div2ID">div2</div>
  	<span class="myClass">span</span>
  	<p>p</p>
  	
  	<script type="text/javascript">
  	
   	//1)查找ID为"div1ID"的元素个数 id
   
   	 //alert(	$("#div1ID").size());
  	//2)查找DIV元素的个数       
  	// 	alert(	$("div").size());
  	//3)查找所有样式是"myClass"的元素的个数
  	// 	alert(	$(".myClass").size());
  	//4)查找所有DIV,SPAN,P元素的个数 //组合选择器: 
  	// 	alert(	$("span,div,p").size());
  	//5)查找所有ID为div1ID,CLASS为myClass,P元素的个数
  	   	alert(	$("#div1ID,.myClass,p").size());
  	</script>
  	
  </body>
</html>





 
 <html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  	<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
  </head>
  <body>
    
    <input type="radio" value="z"/>
	<input type="radio" value="e"/>
	<input type="radio" value="y"/>
	
	<form>
		<input type="text" value="a"/>		
		<table>
			<tr>
				<td>
					<input type="checkbox" value="b"/>
				</td>
			</tr>			
		</table>
	</form>
	<input type="radio" value="ccccccccc"/>
	<input type="radio" value="d"/>
	<input type="radio" value="e"/>
	<script type="text/javascript">
	
	//1)找到表单form里所有的input元素的个数
	//  alert($("form input").size());
  	//2)找到表单form里所有的子级input元素个数
  	//  alert($("form > input").size());
  	//3)找到表单form同级第一个input元素的value属性值
  	// alert($("form + input").val());
  	//4)找到所有与表单form同级的input元素个数
  	alert($("form ~ input").size());
	</script>
  </body>
</html>

 




<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  	<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
  </head>
  <body>
	
	<ul>
	    <li> <p>list item 1 </p></li>
	    <li>list item 2</li>
	    <li>list item 3</li>
	    <li>list item 4</li>
	    <li>list item 5</li>
	</ul>
	
	<input type="checkbox" checked/>
	<input type="checkbox" checked/>
	<input type="checkbox"/>
	
	<table border="1">
	  <tr><td>line1[0]</td></tr>  
	  <tr><td>line2[1]</td></tr>  
	  <tr><td>line3[2]</td></tr>  
	  <tr><td>line3[4]</td></tr>  
	  <tr><td>line3[3]</td></tr>  
	  <tr><td>line3[5]</td></tr>  
	  
	</table>	
	
	<h1>h1</h1>
	<h2>h2</h2> 
	<h3>h3</h3>
	
	<p>p</p>
	
	
	<script type="text/javascript">
		//1)查找UL中第一个LI元素的内容
			//html()要用于html/jsp,不能用在xml  获得元素包括标签: 
			//text()既能用于html/jsp,且能用于xml text:只获得最里层的文本的内容: 
			
			
//			alert($("ul li:first").html()); //  input value val();
//		  alert($("ul li:first").text());
	  	//2)查找UL中最后个元素的内容
	  	//alert($("ul li:last").text());
	  	//4)查找表格的索引号为1、3、5...奇数行个数,索引号从0开始
	  	 //  alert($("table tr:odd").size());
	  	//5)查找表格的索引号为2、4、6...偶数行个数,索引号从0开始
	  	//  alert($("table tr:even").size());
	  	//6)查找表格中第二行的内容,从索引号0开始,这是一种祖先 后代 的变化形式
	  		//html():强调的是标签中的内容,即便标签中的子标签,也会显示出来
	  		//text():强调的是标签中的文本内容,即便标签中的子标签,也只会显示出文本内容,不会显示子标签
	  	
	  	  // alert($("table tr:eq(1)").html());
	  	//7)查找表格中第二第三行的个数,即索引值是1和2,也就是比0大
	  	 //    alert($("table tr:gt(0)").size());
	  	//8)查找表格中第一第二行的个数,即索引值是0和1,也就是比2小
	  	 //alert($("table tr:lt(2)").size());
	  	//9)给页面内所有标题<h1><h2><h3>加上红色背景色,且文字加蓝色
	  	//  alert($(":header").size());
	  	 //  $(":header").css("background-color","red").css("color","blue");
	  	//3)查找所有[未]选中的input为checkbox的元素个数
			//获得所有的checkbox 对象: 
			//alert($(":checkbox").size());
			//alert($(":checkbox:not(:checked )").size());
			// 
			alert($("input:not(:checked )").size());
				// body > table > tbody > tr:nth-child(6) > td
				
			</script>
	
  </body>
</html>






<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
    <style type="text/css">
    	.myClass{
    		font-size:44px;
    		color:blue
    	}
    </style>
  </head>
  <body>
	
	<div><p>John Resig</p></div>
	<div><p>George Martin</p></div>
	<div>Malcom John Sinclair</div>
	<div>J. Ohn</div>
	<div></div>

	<p></p>
	<p></p>
	
	<script type="text/javascript">
	
		//1)查找所有包含文本"John"的div元素的个数
		// :contains('文本的内容') 内容选择器在使用的时候, 不能有空格: 
		//alert($("div:contains('John')").size());
	  	//2)查找所有p元素为空的元素个数
	  	//alert($("p:empty").size());Malcom John Sinclair
J. Ohn
	  	//3)给所有包含p元素的div元素添加一个myClass样式
	  	//$("div:has(p)").addClass("myClass");
	  	//4)查找所有含有子元素或者文本的p元素个数,即p为父元素
	  	//alert(	$("p:parent").size());
	</script>

  </body>
</html>


 

<table border="1" align="center">
  <tr style="display:none">
  	<td>Value 1</td>
  </tr>
  <tr>
  	<td>Value 2</td>
  </tr>
  <tr>
  	<td>Value 3</td>
  </tr>
</table>

<script type="text/javascript">
	//1)查找隐藏的tr元素的个数
	//alert( $("table tr:hidden").size() );
	
	//2)查找所有可见的tr元素的个数
	//alert( $("table tr:NOT(:hidden)").size() );
	alert( $("table tr:visible").size() );//提倡
</script>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  	<script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
	
	<div>
	  <p>Hello!</p>
	</div>
	<div id="test2"></div>
	
	<input type="checkbox" name="newsletter" value="Hot Fuzz"/>
	<input id="myID" type="checkbox" name="newsletter" value="Cold Fusion" />
	<input type="checkbox" name="newsaccept" value="Evil Plans" />
	
	<!-- 
	<input type="checkbox" name="letternews" value="Hot Fuzz"/>
	<input id="myID" type="checkbox" name="letnewster" value="Cold Fusion" />
	<input type="checkbox" name="accNEWSept" value="Evil Plans" />
	-->
	
	<script type="text/javascript">
	
		//1)查找所有含有id属性的div元素个数
		//alert( $('div[id]').size() );
			
	 	//2)查找所有name属性是newsletter的input元素,并将其选中
		//$("input[name='newsletter']").attr("checked","checked");
	 	
	  	//3)查找所有name属性不是newsletter的input元素,并将其选中
		//$("input[name!='newsletter']").attr("checked","true");
		/*
			请问:在JS中如下符号表示什么意思
			1)=/==/===
			2)!=/!==
			明天讲解
		 */
	  	//4)查找所有name属性以'news'开头的input元素,并将其选中
		//$("input[name^='news']").attr("checked","checked");
			  	
	  	//5)查找所有name属性以'letter'结尾的input元素,并将其选中
	  	//$("input[name$='letter']").attr("checked","checked");
	  	
	  	//6)查找所有name属性包含'news'的input元素,并将其选中
		//$("input[name*='news']").attr("checked","checked");
	  	
	  	//7)找到所有含有id属性,并且它的name属性是以"letter"结尾的input元素,并将其选中
	  	$("input[id][name$='letter']").attr("checked","true");
	  	
	</script>
	
  </body>
</html>





 
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  	<script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
	
	<ul>
	  <li>John</li>
	  <li>Karl</li>
	  <li>Brandon</li>
	</ul>
	
	<ul>
	  <li>Glen</li>
	  <li>Tane</li>
	  <li>Ralph</li>
	</ul>
	
	<ul>
	  <li>Marry</li>
	</ul>

    <ul>
	  <li>Jack</li>
	</ul>
	
	
	<script type="text/javascript">
	
		/*1)迭代[each]每个ul中第1个li元素中的内容,索引从1开始
		$("ul li:first-child").each(function(){
			alert( $(this).text() );
		});
		*/
			
	 	/*2)迭代每个ul中最后1个li元素中的内容,索引从1开始
		$("ul li:last-child").each(function(){
			alert( $(this).text() );
		});
		*/
	 	
		/*4)迭代每个ul中第2个li元素中的内容,索引从1开始
		$("ul li:nth-child(2)").each(function(){
			alert( $(this).text() );
		});*/
	
	 	//3)在ul中查找是唯一子元素的li元素的内容
	 	$("ul li:only-child").each(function(){
	 		alert( $(this).text() );
	 	});
		
		
		
	</script>
  </body>
</html>

 




<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  	<script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
	<form>
	    <input type="button" value="Input Button"/><br/>
	    <input type="checkbox" /><br/>
	    <input type="file" /><br/>
	    <input type="hidden" name="id" value="123"/><br/>
	    <input type="image" src="../images/lb.jpg" width="25px" height="25px"/><br/>
	    <input type="password" /><br/>
	    <input type="radio" /><br/>
	    <input type="reset" /><br/>
	    <input type="submit" /><br/>
	    <input type="text" /><br/>
	    <select><option>Option</option></select><br/>
	    <textarea></textarea><br/>
	    <button>Button</button><br/>
	</form>
	
	<script type="text/javascript">
	
		//1)查找所有input元素的个数
		//alert( $("input").size() );//10,找input标签
		//alert( $(":input").size() );//13,找input标签和select/textarea/button
			
	  	//2)查找所有文本框的个数
	  	//alert( $(":text").size() );
	  	
	  	//3)查找所有密码框的个数
	  	//alert( $(":password").size() );
	  	
	  	//4)查找所有单选按钮的个数
	  	//alert( $(":radio").size() );
	  	
	  	//5)查找所有复选框的个数
	  	//alert( $(":checkbox").size() );
	  	
	  	//6)查找所有提交按钮的个数
	  	//alert( $(":submit").size() );
	  	
	  	//7)匹配所有图像域的个数
	  	//alert( $(":images").size() );
	  	
	  	//8)查找所有重置按钮的个数
	  	//alert( $(":reset").size() );
	  	
	  	//9)查找所有普通按钮的个数
	  	//alert( $(":button").size() );
	  	
	 	//10)查找所有文件域的个数
	 	//alert( $(":file").size() );
	 	
	 	//11)查找所有input元素为隐藏域的个数
	 	//alert( $(":input:hidden").size() );
	 	
	</script>
  </body>
</html> 






<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  	<script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
	
	<form>

	  <input type="text" name="email" disabled="disabled" />
	  <input type="text" name="password" disabled="disabled" />
	  <input type="text" name="id" />

	  <input type="checkbox" name="newsletter" checked="checked" value="Daily" />
	  <input type="checkbox" name="newsletter" value="Weekly" />
	  <input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
	
      <select id="provinceID">
		  <option value="1">广东</option>
		  <option value="2" selected="selected">湖南</option>
		  <option value="3">湖北</option>
	  </select>
		
	</form>
	
	
	
	<script type="text/javascript">
	
		//1)查找所有可用的input元素的个数
		//alert( $("input:enabled").size() );
		
	 	//2)查找所有不可用的input元素的个数
		//alert( $("input:disabled").size() );
	 	
	 	//3)查找所有选中的复选框元素的个数
		//alert( $(":checkbox:checked").size() );
		 	
	 	//4)查找所有未选中的复选框元素的个数
		//alert( $(":checkbox:NOT(:checked)").size() );
	 	
	 	//5)查找所有选中的选项元素的个数
	 	//alert( $("select option:selected").size() );
	 	alert( $("#provinceID option:NOT(:selected)").size() );
	 	
	</script>
	
  </body> 
</html>






  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
传智播客PHP就业班视频课程列表 8-11 1.html介绍 html运行原理① 8-11 2.html运行原理② html文件基本结构 html元素和属性 8-11 3.符号实体 url说明 超链接 发送电邮 8-11 4.图像 表格 实际应用-菜谱 课堂练习-课程表 8-11 5.无序列表 有序列表 框架 8-12 1.浮动窗口 表单及表单控件① 8-12 2.表单及表单控件② 8-12 3.多媒体页面 标签汇总① 地图映射1 8-12 4.多媒体页面 标签汇总① 地图映射2 8-12 5.多媒体页面 标签汇总① 地图映射3 8-12 6.多标签汇总② 线包字效果 测试题 8-13 1.div+css开山篇 8-13 2.初识css 类选择器 id选择器 html选择器 8-13 3.通配符选择器 父子选择器 8-13 4.选择器使用细节 块元素?托心谠? 盒子模型 盒子模型经典应用① 8-13 5.盒子模型经典应用② 作业布置 8-15 1.div+css作业评讲① 8-15 2.div+css作业评讲② 8-15 3.div+css作业评讲③ 8-15 4.浮动 8-15 5.网站推荐 定位 8-15 6.仿sohu首页面布局 可爱屋首页面 8-16 1.动态网页技术介绍 php基本介绍 8-16 2.php快速入门 bs和cs介绍 8-16 3.web服务器介绍 apache服务器安装 8-16 4.apache服务器使用及配置① 启动和停止 端口配置 8-16 5.apache服务器使用及配置② apache目录结构 8-16 6.apache服务器使用及配置③ apache虚拟目录 8-17 1.apache服务器使用及配置④ apache虚拟主机 web访问时序图 8-17 2.apache服务器使用及配置⑤ 作业点评 提出apache和php整合的需求 8-17 3.php开发环境的搭建和使用① appserv套件安装 8-17 4.php开发环境的搭建和使用② 自定义安装 8-17 5.php开发环境的搭建和使用③ 安装并配置discuz论坛 8-19 1.解答学生问题--一个ip绑定多个域名 8-19 2.php运行过程时序图 php书写规范 8-19 3.php基本语法介绍 php数据类型介绍 8-19 4.整型细节说明 8-19 5.布尔细节 浮点数细节 字符串细节 算术运算符① 8-19 6.算术运算符② 比较运算符 逻辑运算符 8-20 1.三元运算符 类型运算符 运算符优先级 8-20 2.顺序控制 分支控制(if ifelse switch) 程序流程图 8-20 3.循环控制①(for) 8-20 4.循环控制②(while dowhile) 打印金字塔案例 8-20 5.打印金字塔案例评讲 布置练习题 8-22 1.break语句 continue语句 常量 8-22 2.函数基本概念 函数快速入门 8-22 3.函数使用函数调用初步理解 8-22 4.函数调用深入理解 函数使用注意事项① 8-22 5.函数使用注意事项② 函数作业布 8-23 1.函数再回顾 自定义函数 8-23 2.位运算① 8-23 3.位运算② 8-23 4.数组介绍 数组的创建 ?榈谋槔? 8-23 5.数组的引用 数组使用细节① 8-23 6.数组使用细节② 数组运算符 数组作业评讲① 数组小结 8-24 1.回顾 8-24 2.选择排序 插入排序 快速排序 8-24 3.选择排序 插入排序 快速排序 8-24 4.顺序查找 二分查找 8-24 5.多维数组 数组作业评讲② 8-24 6.数组作业评讲③ 8-24 7.类与对象的基本概念 8-26 1.成员属性 如何创建对象 8-26 2.对象在内存中存在形式 函数传递对象方式 8-26 3.函数传递基本数据类型和数组方式 成员方法① 8-26 4.成员方法② 8-26 5.作业评讲 8-27 mysql1 8-27 mysql2 8-28 1.mysql 8-28 2.mysql 8-28 3.mysql 8-28 4.mysql 8-28 5.mysql 8-28 6.mysql 8-30 1.mysql 8-30 2.mysql 8-30 3.mysql 8-30 4.mysql 8-30 5.mysql 8-31 1 8-31 2.外键、索引 8-31 3.事务处理 8-31 4 8-31 5 8-31 6 9-10 1.回顾 9-10 2.错误和异常处理介绍 处理错误方式①-die 9-10 3.处理错误方式②-错误处理器 错误级别 处理错误方式③-错误触发器 9-10 4.php错误日志 9-10 5.php异常处理 9-10 6.php进阶预热篇-php执行流程时序图 9-10 7.http协议深度剖析①-http请求详解 防盗链技术 9-13 0.回顾 9-13 1.http协议深度剖析②-http响应详解(302 304码运用) 9-13 2.http协议深度剖析③-http响应详解(禁用缓存设置) 9-13 3.http协议深度剖析④-http响应详解(文件下载) 9-13 4.http协议深度剖析⑤-http响应详解(作业评讲) 9-13 5.php数据库编程①-使用mysql扩展库 9-13 6.php数据库编程②-使用mysql扩展库 9-13 7.php数据库编程③-使用mysql扩展库 9-14 1.回顾 9-14 2.php数据库编程④-使用mysql扩展库(在线词典案例) 9-14 3.php数据库编程⑤-使用mysql扩展库(在线词典案例) 9-14 4.php数据库编程⑥-使用mysqli扩展库 9-14 5.php数据库编程⑦-使用mysqli扩展库 9-14 6.php数据库编程⑧-使用mysqli扩展库(布置练习) 9-14 7.php数据库编程⑨-使用mysqli扩展库增强(批量执行sql和事务控制) 9-17 1.回顾 9-17 2.php数据库编程(10)-使用mysqli扩展库增强(预处理技术) 9-17 3.php数据库编程(11)-使用mysqli扩展库增强(预处理技术) 9-17 4.预定义超全局数组①-原理分析 $_GET 9-17 5.预定义超全局数组②-$_POST $_REQUEST 9-17 6.预定义超全局数组③-$_SERVER $_ENV $GLOBALS 9-17 7.zend studio使用 项目开发五个阶段 雇员管理系统① 9-19 1.回顾 9-19 2.雇员管理系统②-model1模式简单登录 9-19 3.雇员管理系统③-model1模式数据库登录 9-19 4.雇员管理系统④-model1模式雇员分页 9-19 5.雇员管理系统⑤-分层模式管理员登录 9-20 1.回顾 9-20 2.雇员管理系统⑥-分层模式雇员分页 9-20 3.雇员管理系统⑦-分层模式整体翻页 9-20 4.雇员管理系统⑧-分层模式通用分页模块 9-20 5.雇员管理系统⑨-mvc模式介绍 9-21 1.回顾 9-21 2.mvc模式①-用mvc模式改进网站结构 9-21 3.mvc模式②-用mvc模式改进网站结构 9-21 4.cookie①-cookie原理介绍 创建cookie 获取cookie 9-21 5.cookie②-更新cookie 删除cookie cookie运用案例 9-21 6.cookie③-雇员管理系统使用cookie技术 1.显示上传登录时间2.保留登录id 9-23 1回顾 9-23 2.session①-session原理介绍 保存session 9-23 3.session②-获取session 更新session 删除session session细节和原理深入讨 9-23 4.session③-购物车 cookie禁用后如何使用session session防用户非法登录 9-23 5.session④-验证码防恶意攻击 9-23 6.session⑤-session配置 session的gc机制 自定义session处理器 9-24 0.回顾 9-24 1.回顾2 9-24 2.php文件编程①-文件操作原理 如何获取文件信息 如何读文件 9-24 3.php文件编程②-如何写文件 拷贝文件 创建和删除(文件夹、文件) 9-24 4.php文件编程③-文件的上传和下载 文件上传细节讨论 9-24 5.php文件编程④-mini文件共享网实现分析 9-24 6.PHP绘图技术 9-26 1 课程回顾 9-26 2 javascript基本介绍 9-26 3 javascript变量 标识符规范 9-26 4 javascript数据类型三大类型 9-26 5 javascript算术运算符及位运算 9-26 6 javascript三大流程控制 9-27 1 课程回顾 9-27 2 循环控制 金字塔的输出 9-27 3 循环控制 js的调试方法 9-27 4 函的数定义分类及使用 9-27 5 函数的调用 递归及深入使用 9-27 6 一维?榧笆樵谀诖嬷械拇嬖谛问? 9-27 7 常用数组的属性及使用方法 9-28 1课程回顾 9-28 2 二维数组的定义使用 数组排序 9-28 3 顺序查找 二分查找 9-28 4 javascript面向对象编程 9-28 5 javascript对象存在形式 9-28 6 javascript类与对象 9-28 7 给对象指定成员函数 自定义工厂方法 9-30 1 课程回顾 9-30 2 javascript的闭包 js变量作用域 9-30 3 仿超级玛丽兄弟游戏制作 9-30 4 构造方法 对象的常用操作 9-30 5 面向对象的封装 继承 多态 9-30 6 面向对象的封装 继承 多态2 9-5 1.php xml编程①-xml基本介绍 xml元素 xml属性 9-5 2.php xml编程②-cdata 实体字符 处理指令 dtd快速入门 编?绦Q閤ml 9-5 3.php xml编程③-内部dtd 外边dtd dtd元素 dtd修饰符 9-5 4.php xml编程④-dtd属性 引用实体 参数实体 ide开发xml 9-5 5.php xml编程⑤-复杂的dtd综合练习 9-5 6.php xml编程⑥-dom基本概念 phpdom编程(1) 9-6 1.回顾 9-6 2.php xml编程⑦-phpdom编程(2) 9-6 3.php xml编程⑧-phpdom编程(3) 综合练习-基于xml的在线词典 9-6 4.php xml编程⑨-综合练习-基于xml的在线词典 phpdom使用xpath 9-6 5.php xml编程(10)-SimpleXML 9-7 1.回顾 9-7 2.析构方法 9-7 3.static关键字(静态变量) 9-7 4.static关键字(静态方法) 面向对象编程三大特性① 9-7 5.面向对象编程三大特性② 9-7 6.面向对象编程三大特性③ 9-9 1.回顾 9-9 2.面向对象编程三大特性④ 9-9 3.面向对象编程三大特性⑤ 抽象类 9-9 4.接口 9-9 5.继承与实现比较 final const 9-9 6.面向对象编程综合练习 10-10 1 课程回顾 10-10 2 正则表达式 10-10 3 正则表达式 子表达式 引用 反向捕获 10-10 4 正则表达式 元字符 语法 10-10 5 元字符 实例应用 10-10 6 供求信息网讲解1 10-10 7 供求信息网讲解2 10-11 1 供求信息网3 10-11 2 供求信息网4 10-11 3 供求信息网5 10-11 4 供求信息网6 10-15 1 zendframe手动部署 自动部署 10-15 2 zendframe架构讲解 10-15 3 view layout布局 10-15 4 view helper视图助手 10-15 5 遗留问题解决 10-15 6 zf重新部署 10-15 7 zf controller讲解 10-16 1 model讲解 controller view调用 10-16 2 投票系统讲解1 10-16 3 投票系统讲解2 10-16 4 投票系统讲解3 10-16 5 投票系统讲解4 10-18 1 模板技术讲解 10-18 2 smarty常用功能 10-18 3 smarty常用功能 10-18 4 smarty功能讲解 10-18 5 smarty流程控制 10-18 6 10-18 7 smarty include使用 10-19 1 smarty实例 注册 10-19 2 smarty实例 注册2 10-19 3 smarty实例 注册3 10-19 4 smarty 字符串 自定义插件 缓存 10-19 5 smarty 字符串 自定义插件 缓存 10-19 6 smarty实例应?? 10-19 7 smarty实例应用2 10-19 8 smarty实例应用3 10-20 1 smarty应用 更换网站皮肤 10-20 2 smarty应用 更换网站皮肤2 10-20 3 smarty应用 更换网站皮肤3 10-20 4 smarty应用 更换网站皮肤4 10-20 5 smarty二级联动 10-20 6 smarty完成静态化 10-20 7 10-20 8 smarty分页技术 10-20 9 10-22 1 ajax介绍 无刷新验证用户名 10-22 2 ajax如何处理xml格式返回数据 10-22 3 json 10-22 4 ajax如何处理json格式返回数据 10-22 5 ajax应用 省市联动 10-22 6 ajax应用 黄金市场报价 10-23 1 简易在线聊天室1 10-23 2 简易在线聊天室2 10-23 3 简易在线聊天室3 10-23 4 简易在线聊天室4 10-23 5 简易在线聊天室5 10-23 6 简易在线聊天室6 10-25 1 jquery框架 jquery对象与dom对象区别及混合使用 10-25 2 jquery id选择器 层次选择器 10-25 3 jquery过滤选择器及练习题讲解 10-25 4 内容过滤器 可见度过滤器及练习讲解 10-26 1 课程回顾 10-26 2 属性过滤选择器 10-26 3 子元素选择器 表单对象属性选择器 10-26 4 jquery对象集合遍历的四种形式及练习题讲解 jquery的dom操作 10-27 1课程回顾 10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn安装及常用操作 10-29 2 svn常用操作 实例讲解1 10-29 3 svn常用操作 实例讲解2 10-29 4 svn常用操作 实例讲解3 10-29 5 svn常用操作 实例讲解4 10-30 1 linux简介 10-30 2 虚拟机安装 linux安装 10-30 3 常用命令 远程控制软件使用 10-30 4 vi编辑器使用 linux目录讲解 10-4 1 课程回顾 10-4 2 js面向对象多态 10-4 3 js内部对象和系统函数 10-4 5 js内部类 string array 10-4 6 js对象数组 常用系统函数 10-4 7 js事件 事件驱动机制 10-4 8 10-5 1 课程回顾 10-5 2 js dom编程 10-5 3 dom编程实例 乌龟抓鸡 10-5 4 dom编程实例 乌龟抓鸡2 10-5 5 dom层次关系 dom对象 10-5 6 dom实例讲解 小人行走 10-7 1 课程回顾 10-7 2 dom对象详解 10-7 3 dom对象详解2 10-7 4 document对象 10-7 5 乌龟抓鸡游戏加强版 10-7 6 常用dom对象node节点属性讲解 10-7 7 坦克大战初步讲解 10-8 1 课程回顾 乌龟抓鸡游戏bug修复 10-8 2 style对象 10-8 3 style对象实例讲解 10-8 4 form forms对象 img对象 link对象 table对象 10-8 5 table实例讲解 10-8 6 正则表达式 11-1 1 常用命令讲解 用户管理 运行级别 11-1 2 常用开发命令讲解2 11-1 3 常用开发命令讲解3 11-1 4 文件所在组 所有组 其它组讲解 11-2 lamp安装(php和apache的整合)2011-11-2-3 11-2 lamp安装之-mysql的安装和配置(2011-11-2-2) 11-2 rpm命令+samba安装(2011-11-2-5) 11-2 在linux下安装phpmyadmin软(2011-11-2-4) 11-5-1(上次课回顾) 11-5-2(页面静态化介绍) 11-5-3新闻管理系统(页面真静态) 11-5-4(真静态) 11-5-5(伪静态) 11-6 1(memcache原理介绍) 11-6 2-1(memcache的telnet操作,安装和基本使用) 11-6 2-2(memcach3的php的操作) 11-6 4(mysql数据库优化1) 11-6 5(mysql数据库优化 11-6 6(mysql数据库优化 11-8 商务网站项目1_1 11-8 商务网站项目1_2 11-8 商务网站项目1_3 11-9 商务网站项目2_1 11-9 商务网站项目2_2 11-9 商务网站项目2_3 11-9 商务网站项目2_4-单例模式 11-9 商务网站项目2_5 11-10 商务网站项目3_1 11-10 商务网站项目3_2 11-10 商务网站项目3_3 11-12 商务网站项目4_1 11-12 商务网站项目4_2 11-12 商务网站项目4_3-订单提交 11-13 商务网站项目4_4(没声音) 11-13 商务网站项目4_5 11-13 商务网站项目4_6 11-15 商务网站项目5_ec二次开发 11-17 yii_store项目1 11-19 yii框架_store项目 11-19 yii框架_store项目 11-19 yii框架_store项目 11-19 yii框架_store项目 11-19 yii框架_store项目 11-20-yii框架_store项目 11-20-yii_store项目 11-20-yii_store项目 11-20-yii_store项目 11-20-yii_store项目 11-22 yii_store项目 11-22 yii_store项目 11-23 yii_store项目 11-23 yii_store项目 11-24 yii_store项目 11-24 yii_store项目 11-24 yii_store项目 11-25 yii_store项目
JQuery和D3.js是两种常用的JavaScript库,可以用于创建交互性和动态性的网页应用程序。股权穿透是指通过分析公司的股权结构,追溯和分析公司及其子公司的拥有者和持股比例。以下是使用JQuery和D3.js实现股权穿透的思路: 1. 获取数据:首先,需要从数据库或其他数据源中获取股权结构的数据。可以使用JQuery的AJAX功能来与后端通信,获取数据。 2. 数据处理:获取到的数据可能是以不同的格式和结构存在的,需要进行解析和处理。可以使用JQueryJSON处理功能来解析JSON格式的数据,并将其转换为需要的数据结构。 3. 数据可视化:一旦获取并处理了数据,接下来可以使用D3.js来创建可视化图表。可以使用D3.js的力导向图(force-directed graph)功能来显示公司及其子公司之间的关系和股权比例。可以使用D3.js提供的API和方法,根据数据中的关系和股权比例来设置节点(公司)和连接(拥有者关系),从而形成一个动态和交互式的可视化图表。 4. 交互功能:为了增强用户体验和交互性,可以使用JQuery来提供一些交互功能,如缩放、滚动、搜索等。可以使用JQuery的事件处理功能来实现这些交互操作。 以上是一种基本的思路,使用JQuery和D3.js实现股权穿透。具体的实施过程可能因数据结构和需求而略有差异,需要根据具体情况进行调整和扩展。同时,还可以结合其他相关的JavaScript库和工具,进行更复杂和全面的股权穿透分析。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

东方-教育技术博主(接私活)

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值