2019-06-10 Java学习日记之JQuery

2019-06-10 Java学习日记之JQuery

什么是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账号...

(0)


相关推荐

  • 更新pip版本的命令(更新pip命令)

    使用如下指令更新pip,可能会出错pipinstall–upgradepip使用如下指令即可完美更新pippython-mpipinstall–upgradepip

  • JavaScript交互式网页设计 • 【第3章 JavaScript浏览器对象模型】

    JavaScript交互式网页设计 • 【第3章 JavaScript浏览器对象模型】全部章节>>>>本章目录3.1浏览器对象模型3.1.1浏览器对象模型3.2window对象3.2.1window对象的常用属性及方法3.2.2使用window对象创建对话框3.2.3使用window对象操作窗口3.2.4使用window对象执行计时事件3.2.5实践练习3.3history对象和location对象3.3.1history对象3.3.2location对象3.3.3实践练习..

    2022年10月20日
  • vim查找快捷键_vim搜索关键字命令

    vim查找快捷键_vim搜索关键字命令vim有强大的字符串查找功能。我们通常在vim下要查找字符串的时候,都是输入/或者?加需要查找的字符串来进行搜索,比如想搜索super这个单词,可以输入/super或者?super,两者的区别是前者是从上往下搜索,后者是从下往上搜索。那么如果我想搜索本行中某个单词,并且这个单词很长的时候,手动输入该字符串是非常麻烦的…

  • mysql语句和sql语句的区别_oracle和sqlserver的语法区别

    mysql语句和sql语句的区别_oracle和sqlserver的语法区别sql和mysql语法的区别有:mysql支持enum和set类型,sql不支持,mysql需要为表指定存储类型,mysqlL中text字段类型不允许有默认值,sql允许有等等方面都存在差异MySQL与SQLServer的语法区别1、MySQL支持enum,和set类型,SQLServer不支持2、MySQL不支持nchar,nvarchar,ntext类型3、MySQL的递增语句是AUTO_I…

  • getParameterValues 和 getParameter区别

    getParameterValues 和 getParameter区别一、getParameterValuesrequest.getParameterValues(Stringname)是获得如checkbox类(名字相同,但值有多个)的数据。接收数组变量,如checkobx类型二、getParameterrequest.getParameter(Stringname)是获得相应名的数据,如果有重复的名,则返回第一个的值….

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号