博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
选择指定文本值、input子元素
阅读量:6456 次
发布时间:2019-06-23

本文共 1067 字,大约阅读时间需要 3 分钟。

   //选择含有文本123div将其背景色变为红色 

 <script type="text/javascript">

            $(document).ready(function(){

                $("#btn1").click(function(){

                    //选择含有文本123div将其背景色变为红色

                    $("div:contains('123')").css("background-color","red");

                });

            });

        </script>

        </head>

 

        <body>

            <div>

                123

            </div>

            <input type="button" id="btn1" value="按钮">

        </body>

 

  //选择含有input子元素的div 将其背景色改为红色

 <script type="text/javascript">

            $(document).ready(function(){

                $("#btn1").click(function(){

                    //选择含有input子元素的div 将其背景色改为红色

                    $("div:has('input')").css("background-color","red");

                });

 

            });

        </script>

        </head>

 //遍历所有隐藏的input元素的值  each是进行遍历的方法

 <script type="text/javascript">

            $(document).ready(function(){

                //遍历所有隐藏的input元素的值  each是进行遍历的方法

                $("#btn1").click(function(){

                    $("input:hidden").each(function(){

                        alert($(this).val());

                    });

                });

 

            });

        </script>

        </head>

 

        <body>

            <input type="hidden" value="1">

            <input type="hidden" value="2">

            <input type="hidden" value="3">

            <input type="button" id="btn1" value="按钮1">

        </body>

 

        <body>

            <div>

                <input/>

            </div>

            <input type="button" id="btn1" value="按钮">

        </body>

转载于:https://www.cnblogs.com/chengshixiaonongming/p/10419495.html

你可能感兴趣的文章
存储过程报错行提示
查看>>
第一篇markdown博文
查看>>
Leetcode 4 - median-of-two-sorted-arrays
查看>>
noj 2033 一页书的书 [ dp + 组合数 ]
查看>>
ERDAS软件应用(四)遥感影像数据增强
查看>>
修改OBS为仅直播音频
查看>>
完整版:《开源框架实战宝典电子书V1.0.0》内测版下载地址!
查看>>
OCP读书笔记(14) - 管理数据库性能
查看>>
OCA读书笔记(3) - 使用DBCA创建Oracle数据库
查看>>
CKEditor的使用-编辑文本
查看>>
洗礼灵魂,修炼python(40)--面向对象编程(10)—定制魔法方法+time模块
查看>>
HDU------checksum
查看>>
使用树莓派拍摄延时动画,制作GIF图
查看>>
css命名规范
查看>>
js 效果
查看>>
19.Java5同步集合类的应用
查看>>
python 关键字yield解析
查看>>
<c:forEach varStatus="status">中 varStatus的作用
查看>>
Aqua Data Studio 数据库开发工具
查看>>
puppet来管理文件和软件包
查看>>