jQuery基础与选择器

jQuery简介

  jQuery是一个JavaScript库,里面封装存放了特定的函数/方法,将js中的DOM操作做了封装,可以更方便的操作使用。
优点:优化了DOM操作、事件处理、动画设计和Ajax交互;链式编程、隐式迭代;轻量级,不会影响页面加载速度;支持插件扩展开发等。
版本:1.x --兼容老版本IE 文件更大;
2.x – 部分IE8及以下不支持 | 文件小,执行效率更高;
3.x – 完全不再支持IE8及以下版本 | 提供了一些新的API | 提供不包含ajax/动画API的版本
使用

  • 作为函数使用 $(param) --参数为函数/选择器字符串/DOM对象/html标签字符串,并封装成jQuery对象,如入口函数/ $("#btn")/ $(this) / $("").appendto(“div”)。
  • 作为jQuery对象使用 $.xxx() --即jQuery核心函数返回的对象,内部包含的是DOM元素对象的伪数组(Object对象,拥有length.数值下标属性,但不是个数组,不能使用数组的其他方法)。jQuery对象拥有很多的属性和方法,可以让程序员更方便地操作DOM。
jQuery基本语法
知识点内容含义
基础语法$(selector).action()美元符号定义jQuery,选择符用于“查询”和“查找”元素,jQuery的acrion()执行对元素的操作
文档就绪/入口函数语法a: $(document).ready(function(){ }); 语法b: $(function(){ });作用1.等待DOM结构渲染完成即可执行内部代码,不必等到所有外部资源加载完成,等效于原生JS中的DOMContentLoaded; 2.不同于原生js中的window.onload事件,是等页面文档、外部js文件、css文件、图片加载完成才执行内部代码
jQuery对象和DOM对象DOM对象转换为jQuery对象:$(DOM对象); jQuery对象转换为DOM对象: $(selector)[index]或 $(selector).get(index)jQuery对象:用原生JS获取的对象;jQuery对象:用jQuery方式获取的对象。jQuery对象只能使用jQuery方法,DOM对象则使用元素的JavaScript属性和方法
jQuery选择器

中文在线手册:https://jquery.cuishifeng.cn/index.html

类型语法
基本选择器id选择器 元素选择器 属性选择器 通配符选择器 并集&交集选择器
层次选择器后代元素(ancestor descendant) 子元素(parent > child) 兄弟元素(prev+next) 兄弟元素(prev~siblings)
过滤选择器::first ::last :not(selector) :has(selector) :even :odd :eq(index) :gt(index) :It(index) :contains(text) :hidden [attribute] [attribute=value]
表单选择器:input :text :checkbox :submit :checked :selected :enabled :disabled
jQuery工具/方法
语法含义/举例
$.each(obj,function(){ })遍历数组/对象;参数1:数组或对象 参数2:回调函数
$.trim(string)去除字符串两边的空格; 参数:字符串
$.type(obj)得到数据的类型
$.isArray(obj)判断是否是数组
$.isFunction(obj)判断是否是函数
$.parseJSON(json)解析json字符串转换为js对象/数组
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值