jQuery学习笔记

  1. 引用微软jQuery压缩版引用地址:
    <scriptsrc=“https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js”></s cript>
  2. jQuery是一个JavaScript函数库。
  3. jQuery库功能: HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和动画、HTML DOM 遍历和修改、AJAX、Utilities。
  4. jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。基础语法: $(selector).action()
  5. $(document).ready(function(){ // 开始写 jQuery 代码… });
  6. jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"HTML 元素。 基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头:$()。
  7. #id 选择器:$("#test").hide();
  8. .class 选择器:$(".test").hide();
  9. 常见的Dom事件:
    mouseenter()方法:当鼠标指针穿过(进入)被选元素时发生
    click()方法:当单击元素时发生,$(“p”).click(function(){alert(“段落被点击了。”);});
    focus()方法:元素获得焦点
    blur()方法:元素失去焦点
  10. 淡入淡出:fadeIN()、fadeOut()、fadeToggle()、fadeTo()
  11. text() - 设置或返回所选元素的文本内容
  12. html() - 设置或返回所选元素的内容(包括 HTML 标记)
  13. val() - 设置或返回表单字段的值 alert(“值为: " + $(”#test")
  14. .val())attr() 方法用于获取属性值
  15. 添加新的 HTML 内容:
    append() - 在被选元素的结尾插入内容
    prepend() - 在被选元素的开头插入内容
    after() - 在被选元素之后插入内容
    before() - 在被选元素之前插入内容
  16. 删除元素:
    remove() - 删除被选元素(及其子元素)
    empty() - 从被选元素中删除子元素
  17. 操作css:
    addClass() 方法:向不同的元素添加 class 属性
    removeClass() 方法:在不同的元素中删除指定的 class 属性
    toggleClass() 方法:被选元素进行添加/删除类的切换操作
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值