jQuery方法及使用

jQuery内容:

  1. 选择器
  2. 筛选器
  3. 样式操作
  4. 文本操作
  5. 属性操作
  6. 文档处理
  7. 事件
  8. 动画效果
  9. 插件
  10. each、data、Ajax

剩余未写的有:

1、表单筛选器:

:text
:password
:file
:radio
:checkbox
:submit
:reset
:button

 例子:

$(":checkbox")  // 找到所有的checkbox
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jQuery-3.4.1.js"></script>
</head>
<body>
<!--novalidate 告诉浏览器不要帮你做额外的数据校验-->
<from action="">
    <p><label for="d1">username:<input type="text" id="d1" disabled></label></p>
    <p><label for="d2">password:<input type="password" id="d2"></label></p>
    <input type="submit">
    <input type="checkbox" name="hobby">篮球
    <input type="checkbox" name="hobby" checked>台球
    <input type="checkbox" name="hobby">足球

    <select name="" id="">
        <option value="">111</option>
        <option value="" selected>>222</option>
        <option value="">333</option>
    </select>
</from>
</body>
</html>

2、表单对象属性

:enabled
:disabled
:checked
:selected

3、筛选器方法

  下一个元素

$("#id").next()
$("#id").nextAll()
$("#id").nextUntil("#i2")

 上一个元素

$("#id").prev()
$("#id").prevAll()
$("#id").prevUntil("#i2")

  父亲元素

$("#id").parent()
$("#id").parents()  // 查找当前元素的所有的父辈元素
$("#id").parentsUntil() // 查找当前元素的所有的父辈元素,直到遇到匹配的那个元素为止。

  儿子和兄弟元素

$("#id").children();  // 儿子们
$ ("#id").siblings() // 兄弟们

  查找

$("div").filter(".c")  //从结果集中过滤出有c1样式类的
等价于 $("div.c1")

 补充:

.first() // 获取匹配的第一个元素
.last() // 获取匹配的最后一个元素
.not() // 从匹配元素的集合中删除与指定表达式匹配的元素
.has() // 保留包含特定后代的元素,去掉那些不含有指定后代的元素。
.eq() // 索引值等于指定值的元素

 4、左侧菜单

  

  

猜你喜欢

转载自www.cnblogs.com/Gaimo/p/11503944.html