jquery查找html中value为“ ”的元素

最新推荐文章于 2022-08-10 10:08:43 发布

FlashCanSavetheWorld

最新推荐文章于 2022-08-10 10:08:43 发布

阅读量493

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_45141428/article/details/109095871

版权

前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>click demo</title>
  <style>
  p {
    color: red;
    margin: 5px;
    cursor: pointer;
  }
  p:hover {
    background: yellow;
  }
  </style>
  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
 
<p id = "fir">First Paragraph</p>
<p>Second Paragraph</p>
<p>Yet one more Paragraph</p>
<p>Please select your preferred contact method:</p>
  <div>
    <input type="radio" id="contactChoice1"
     name="contact" value="email">
    <label for="contactChoice1">Email</label>

    <input type="radio" id="contactChoice2"
     name="contact" value="phone">
    <label for="contactChoice2">Phone</label>

    <input type="radio" id="contactChoice3"
     name="contact" value="mail">
    <label for="contactChoice3">Mail</label>
  </div>
  <div>
    <button type="submit">Submit</button>
  </div>
<script>
$( "p" ).click(function() {
  $(this).slideUp();
});
//$("#contactChoice1").click();
let mm = document.getElementsByTagName("input")
var txt=""
// for (var i = 0;i<mm.length;i++)
// {
//   txt=mm[i].getAttribute("value");
//   if(txt == "phone"){
//      mm[i].click() ;
//   }
// }
$(document).ready(function(){
  $("div input").each(function(){
    if($(this).val() == "phone")
    {
      $(this).click();
    }
  })
})
//console.log(txt);
</script>

 
</body>
</html>

在这里插入图片描述

JQuery this和$(this)的区别

// this其实是一个Html 元素。

// $t h i s 只是个变量名，加$ 是为说明其是个jquery对象。

// 而$(this)是个转换，将this表示的dom对象转为jquery对象，这样就可以使用jquery提供的方法操作。

FlashCanSavetheWorld

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery查找html中value为“ ”的元素

<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>click demo</title> <style> p { color: red; margin: 5px; cursor: pointer; } p:hover { background: yellow; } </
复制链接

扫一扫

专栏目录