• jquery基础--学习笔记


    jQuery选择器

    元素、Class、id选择器

    属性选择器

    注意:!=如果不指定标签,会输出所有的html标签不满足的元素

    如何指定?可以用之前的元素、标签或者id选择器

     

     

     层级选择器

     上面图片写错了,box应该是div,看例子就能理解

    基本筛选选择器 

     

    更多:jQuery选择器之基本筛选选择器 - 走看看 

    Jquery的属性与样式

    .attr()与.removeattr()

     

     

     .pop()与.removeProp()

     

    .html()

    其实就是获取标签开闭区间内的所有值(包括其他标签和属性)

     

     

     

     .text

    text获取就是仅文本信息! 

     .val()

     

    1. <body>
    2. <input type="text" value="hello" id="text" />
    3. body>

     

     

     .addClass()和.removeClass()和.toggleClass()

     如何给第二个标签addClass

     

    toggleClass()即 存在就删除,不存在就新增

    .css()方法 不常用

     jQuery操作DOM

    创建节点

    创建完节点怎么用呢? 

     .append()和.appendTo()

     

    有添加到末尾,什么能添加到首位呢

     

     

     

    这些插入都不常用,了解就好

      jQuery遍历

     

    jQuery事件

    .click()

     

    这里有个要注意的是,我们在点击之后,因为它下面有子标签有href属性,所以在alert弹窗之后会去执行href跳转路径。如果不想让它去执行子标签的属性,就需要使用函数,添加e.preventDefault()方法,阻止冒泡。

    .focus()与.blur()

    表单元素:是指可以输入的元素,如input

     .change()

     .on()与.off()

     

     

     

     jQuery操作动画

    参考:菜鸟教程

    jQuery 效果 – 隐藏和显示 | 菜鸟教程

    示例:

    上卷与下拉 

     

     淡入淡出

    .animate() 了解即可

     

     jQuery ajax

    jQuery ajax() 方法 | 菜鸟教程

  • 相关阅读:
    Postman接口测试工具详解
    小程序游戏个性化制作,小程序游戏的特点?
    【行为型模式】中介者模式
    【C++漂流记】简易理解引用的基本语法和使用及其注意实现
    Activity 的生命周期分析
    广东省消防救援总队应急救援安全网构建
    vue大屏可视化项目页面全屏展示(强制缩放实现)
    其他面试题
    SpringSecurity系列 - 13 SpringSecurity 密码加密认证 PasswordEncoder
    【数仓】Hadoop软件安装及使用(集群配置)
  • 原文地址:https://blog.csdn.net/m0_46845579/article/details/127921554