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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/100873.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 感谢 Gridea,让我有动力写作

    感谢 Gridea,让我有动力写作1.真的要感谢Gridea,让我对写作产生热忱。一直有在各大博客平台输出的习惯,但是都没有持续更新。有的平台广告太多,写不下去。有的平台排版复杂,写文章1个小时,排版要2个小时。所以后面换成了静态

    2022年8月3日
    7
  • spring事务的传播机制

    spring事务的传播机制什么是事务 数据库事务是指一系列严密操作 要么全部成功 要么全部失败 它有四种特性 原子性 一致性 隔离性和持久性 而 spring 事务是封装在数据库事务之上的一种事务处理机制 它有两种管理方式 编程式事务和声明式事务 在平时使用中 我们大多使用 Transactiona 声明式事务来管理 这也是 spring 推荐的方式 下面例子也统一采用此种方式 下面我们主要来看看 spring 事务的传播机制 spring 事务的传播机制 spring 事务的传播机制有七种 REQUIRED REQUIRES NEW NES

    2025年6月5日
    0
  • 程序员修炼之路_程序员手册

    程序员修炼之路_程序员手册第五章统帅  编程是一种单调的生活,因此程序员比普通人需要更多的关怀,更多的友情。  /*  */  我推门进了宿舍,三人竟然都在,范平怪怪的问我道:“老二啊,今天一天没见你了,干吗去了?”  “老二?”我疑惑道,尤其是范平怪怪的语调让人联想到别的意思。  “切,昨天咱们不是都报了各自年龄了吗,刘涛老大,你老二,我老三,震宇老么,你也太不义气了吧。这都能不知道。该罚,不过你要是老实交代你今天干什

    2022年9月28日
    0
  • flutter属于前端还是后端(kotlin比较flutter)

    尝试了网上多种库和教程都没办法互解,JAVA代码如下,求个大佬帮忙用dart(Flutter)实现一个可以互解的aes加密代码packagecom.example.lib;importjavax.crypto.Cipher;importjavax.crypto.spec.IvParameterSpec;importjavax.crypto.spec.SecretKeySpec;public…

    2022年4月9日
    252
  • IntelliJ IDEA常用快捷键汇总

    IntelliJ IDEA常用快捷键汇总在使用IntelliJIdea的时候,使用快捷键是必不可少的。掌握一些常用的快捷键能大大提高我们的开发效率。有些快捷键可以熟练的使用,但是还有另外一些快捷键虽然很好用,但是由于因为没有形成使用习惯或者没有理解快捷键的用法,甚至之前对一些快捷键根本没有概念,导致不会去使用。对于这些快捷键,如果能够用好,编辑代码的效率必能提高一个水平。所以在此梳理出来,加强自己的使用,形成习惯。(注:有些操作的快捷键

    2022年5月15日
    53

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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