• 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() 方法 | 菜鸟教程

  • 相关阅读:
    Kubernetes(K8S)特性有哪些?
    哪些测试项目可以使用自动化测试?
    『力扣刷题本』:合并两个有序链表(递归解法)
    电脑文件误删除如何恢复?
    通过ROS修改控制器参数
    MySQL_05:排序和分页
    如何做好软件本地化翻译服务
    2022年全国大学生数学建模竞赛E题目-小批量物料生产安排详解+思路+Python代码时序预测模型(四)
    Matlab遗传算法工具箱——一个例子搞懂遗传算法
    仿牛客网项目---用户注册登录功能的实现
  • 原文地址:https://blog.csdn.net/m0_46845579/article/details/127921554