网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > jQuery

jQuery如何选取第一个ul元素的第一个li元素?

2021/9/11 16:25:18

选取第一个<ul>元素的第一个<li>元素使用JavaScript来处理的话,会很麻烦,但如果使用jQuery处理的话就会很简单$("ul li:first"),一句话就实现了,接下来我们看一个例子:<!DOCTYPE html><html><head><meta charset="u…

        选取第一个<ul>元素的第一个<li>元素使用JavaScript来处理的话,会很麻烦,但如果使用jQuery处理的话就会很简单$("ul li:first"),一句话就实现了,接下来我们看一个例子:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>jQuery如何选取第一个<ul>元素的第一个<li>元素?www.woaidaogu.com</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("ul li:first").hide();
  });
});
</script>
</head>
<body>
<p>菜单1:</p>
<ul>
  <li>红烧狮子头</li>
  <li>锅包肉</li>
  <li>糖醋排骨</li>
</ul>
<p>菜单2:</p>
<ul>
  <li>鱼香肉丝</li>
  <li>回锅肉</li>
  <li>宫保鸡丁</li>
  <li>糖醋里脊</li>
</ul>
<button>点我</button>
</body>
</html>

image.png

          通过以上内容我们知道了jQuery如何选取第一个<ul>元素的第一个<li>元素,感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容,希望对大家有所帮助!引用本文内容时,请注明出处!谢谢合作!

相关资讯

    暂无相关的数据...