什么是JQuery?
JQuery是一个快速、简洁的javaScript框架,是继Prototype之后有一个优秀的javaScript代码库(或javaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对css选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE6.0+、FF 1.5+、Safar 2.0+、Opera 9.0+等
jQuery的作用:
1、写更少的代码,做更多的事情:write Less,Do more
2、将我们页面的JS
代码和HTML页面代码进行分离
JQ和J之间的转换:
JQ对象,只能调用JQ的属性和方法
JS对象,只能调用JS的属性和方法
JQ的开发步骤:
1、导入JQ相关的文件
2、文档加载完成事件:$(function) : 页面初始化的操作:绑定事件,启动页面定时器
3、确定相关操作的事件
4、事件触发函数
5、函数里面再去操作相关的元素
jQuery中的选择器:
让我们能够更加精确的找到我们要操作的元素
基本选择器:
ID选择器: #ID的名称
类选择器: 以.开头 .类名
元素选择器: 标签的名称
通配符选择器: *
选择器,选择器: 选择器1,选择器2
JQ中的层级选择器:
子元素选择器: 选择器1 > 选择器2
后代选择器:选择器1 儿孙
相邻兄弟选择器:选择器1 + 选择器2 :找出紧挨着的一个弟弟
找出所有弟弟:选择器1 ~ 选择器2 :找出所有的弟弟
基本过滤器:
选择器:
:frist : 找出的是第一个
:last : 找出最后一个
:even : 找出索引为偶数的
:odd : 找出索引为奇数的
:gt(index) : 大于索引
:lt(index) : 小于索引
:eq(index) : 等于索引
属性选择器:
选择器[href] : 单个属性
选择器[href] [title] : 多个属性
选择器[href] [title = ‘test’] : 多个属性,包含值
表单过滤器:
:input 找出所有输入项:input textarea select
:text
:password
表单对象属性:
找出select中被选中的那一项
option:selected
转载于:https://www.cnblogs.com/clqbolg/p/11004294.html
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/100873.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...