jquery通过id来查找控件

最新推荐文章于 2022-05-19 10:44:53 发布

sanqima

最新推荐文章于 2022-05-19 10:44:53 发布

阅读量1.1k

点赞数

分类专栏： nodejs 文章标签： jquery js 查找控件

本文链接：https://blog.csdn.net/sanqima/article/details/113816088

版权

nodejs 专栏收录该内容

31 篇文章 1 订阅

订阅专栏

在网页编程中，常常需要查找某个控件，可以通过该控件的id、tag、class、属性来查找到它。这里介绍在jquery里通过id来查找控件。

1、新建一个js工程名称为login

打开InterlliJ IDEA 2020 --> New Project --> JavaScript --> JavaScript --> JavaScript --> Project name: login --> Ok。

2、安装jquery 2.2.4

点击InterlliJ IDEA 2020底部工具栏里的Terminal，输入如下命令：

npm init -y
npm install jquery@2.2.4 --save

3、新建一个html文件名称为jqueryVer.html

jquerVer.html的内容如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
</head>
<body>

<div id="list">
    <p id="100">Java</p>
    <p id="101">Python</p>
    <p id="102">Scheme</p>
</div>

<script >
    console.log('jQuery版本：' + $.fn.jquery);
    //console.log("hello");

    var
        list = document.getElementById('list'),
        ref  = document.getElementById('101'),
        haskell = document.createElement('p');
    haskell.id = 'haskell';
    haskell.innerText = 'Hashell';
    list.insertBefore(haskell,ref);

    //1) 通过id来查找python
    var py1 = $('#101')
    console.log("#1",py1);
    var pyDom = py1.get(0);
    console.log("#2",pyDom);

</script>


</body>
</html>

效果如下：

图(1) 通过id来查找控件

sanqima

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery通过id来查找控件

在网页编程中，常常需要查找某个控件，可以通过该控件的id、tag、class、属性来查找到它。这里介绍在jquery里通过id来查找控件。1、新建一个js工程名称为login 打开InterlliJ IDEA 2020 --> New Project --> JavaScript --> JavaScript --> JavaScript --> Project name: login --> Ok。2、安装jquery 2.2.4 点击Int
复制链接

扫一扫