首页 > Web开发 > 详细

jQuery方法及使用

时间:2019-09-12 15:17:38      阅读:78      评论:0      收藏:0      [点我收藏+]

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、左侧菜单

 

  

  

 

jQuery方法及使用

原文:https://www.cnblogs.com/Gaimo/p/11503944.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!