jQuery选择器案例之——index.html

简介: jQuery选择器案例之——index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery-1.8.3.js"></script>
    <script src="js/index.js"></script>
  </head>
  <body>
    <div id="div1">
      <p class="p1">段落1</p>
      <p>段落2</p>
      <p>段落3</p>
      <p>段落4</p>
      <p>段落5</p>
      <p>段落6</p>
    </div>
    <div id="div2">
      <ul>
        <li>No.1
          <p>No.1.1</p>
        </li>
        <li>No.2</li>
        <li>No.3</li>
        <li>No.4</li>
      </ul>
      <p>div2里面的段落</p>
    </div>
    用户名:<input type="text" name="name" value="admin" /><br />
    密码:<input type="password" name="pass" value="123" /><br />
    电话:<input type="text" name="phone" value="15066675713" id="p" /><br />
    <h1>标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
  </body>
</html>
目录
相关文章
|
1月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
29 2
|
2月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
40 5
|
23天前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器用于操作 HTML 元素,支持基于 id、类、类型、属性等条件选择元素。它扩展了 CSS 选择器的功能,并使用 $() 符号。例如,$(&quot;p&quot;) 选取所有段落元素,而 $(&quot;button&quot;).click(function(){ $(&quot;p&quot;).hide(); }) 实现点击按钮后隐藏所有段落。
|
5月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
33 0
|
5月前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
|
1月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
19 1
|
2月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
15 2
|
2月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
2月前
|
JavaScript
jQuery 选择器
jQuery 选择器
24 3
|
2月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
29 1

热门文章

最新文章