jQuery 概念
jQuery 是 js 的开发框架, 这个框架将原生的 js 代码封装成为了一个函数库,
我们只需要按照其语法进行调用即可
jQuery 的使用
1.下载 jQuery 函数库
有一些版本存在一些 bug, 如果遇到,更换版本即可
2.jQuery 只是一个 js 函数库, 要使用里面的函数还需要在其他 js 文件中调用
3.将 jQuery 拷贝到项目中进行使用
4.将jq的js文件和调用jq的js文件导入到一个html文件中
Demo: 使用 jq 操作 html 的节点
html:
<script src="jquery.min.js"></script> <script src="index.js"></script> </head> <body> <table border="1"> <tr> <td>雇员编号</td><td>雇员姓名</td><td>雇员职位</td><td>雇员薪资</td><td>部门编号</td> </tr> <tr> <td>7963</td><td>SMITH</td><td>PRESIDENT</td><td>5000.00</td><td>10</td> </tr> <tr> <td>7788</td><td>SMITH</td><td>PRESIDENT</td><td>5000.00</td><td>10</td> </tr> <tr> <td>7932</td><td>SMITH</td><td>PRESIDENT</td><td>5000.00</td><td>10</td> </tr> <tr> <td>7369</td><td>SMITH</td><td>PRESIDENT</td><td>5000.00</td><td>10</td> </tr> <tr> <td>7521</td><td>SMITH</td><td>PRESIDENT</td><td>5000.00</td><td>10</td> </tr> </table> </body>
原始方式: 查询 tr 的长度
1 window.onload=function(){ 2 var len = document.getElementsByTagName("tr").length; 3 console.log("长度是: " + len); 4 }
jQuery 方式:
$("tr") : 表示选出页面中所有的 tr 袁术
$("tr:eq(0)") : 表示选出页面中的第一个 tr 元素.
$("tr:eq(0)").html : 表示获取页面中的第一个 tr 元素下的 html 代码
$(document).ready(function() {
console.log($("tr:eq(0)").html());
});