jQuery 概念

最新推荐文章于 2022-11-03 21:26:53 发布

weixin_33796205

最新推荐文章于 2022-11-03 21:26:53 发布

阅读量91

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yslf/p/10797183.html

版权

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.οnlοad=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());
});

转载于:https://www.cnblogs.com/yslf/p/10797183.html

weixin_33796205

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery 概念

jQuery 概念　　jQuery 是 js 的开发框架, 这个框架将原生的 js 代码封装成为了一个函数库, 　　我们只需要按照其语法进行调用即可jQuery 的使用　　1.下载 jQuery 函数库　　　　有一些版本存在一些 bug, 如果遇到,更换版本即可　　2.jQuery 只是一个 js 函数库, 要使用里面的函数还需要在其他 js 文件中调用　　3.将 jQuery ...
复制链接

扫一扫