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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • QQ开心农场外挂软件设计思路「建议收藏」

    QQ开心农场外挂软件设计思路「建议收藏」今天玩了一下QQ的开心农场,我有一堆朋友在玩。每次去偷别人的东西时,都要一个一个地点选,看看是否有可摘的东西。然后还要一个个地点摘取,这样才算偷到,感觉好像有点太麻烦了。有时候朋友的东西可摘了,但是我没时间去看(总不能每XX分钟查一次,每次查全部的朋友的吧。。@@,那样会累死。。)然后我就想,如果有一软件,可以自动去自己的好友的地里偷东西。每隔十分钟查一次,如果好友的地里有东西可以摘,就把它…

    2025年8月27日
    8
  • python爬虫滑动验证码_python爬虫爬取京东优惠线报

    python爬虫滑动验证码_python爬虫爬取京东优惠线报如何自动登陆京东?我们先来看一下京东的登陆页面,如下图所示:【插入图片,登陆页面】登陆框就是右面这一个框框了,但是目前我们遇到一个困呐,默认的登陆方式是扫码登陆,如果我们想要以用户民个、密码的形式登陆,就要切换一下。我们看一下这两种登陆方式是如何切换的,通过浏览器的元素检查,我们看一下两个标签。【插入图片,两种登陆方式】扫码登陆和用户登陆分别在一个div标签里面,我们可以通过css选择器选定用户登…

    2026年1月19日
    3
  • cleanwipe使用方法_清空qq缓存数据会怎样

    cleanwipe使用方法_清空qq缓存数据会怎样glassfish清空缓存rm-rf$GLASSFISH_HOME/glassfish/domains/domain1/generated/*rm-rf$GLASSFISH_HOME/glassfish/domains/domain1/osgi-cache/*rm-rf $GLASSFISH_HOME/glassfish/domains/domain1/applicat

    2022年8月22日
    9
  • navicat premium 15.0.25激活码【中文破解版】

    (navicat premium 15.0.25激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月21日
    155
  • springboot整合mybatis实现增删改查

    springboot整合mybatis实现增删改查立志存高远,笃行践初心三更灯火五更鸡,正是男儿读书时。黑发不知勤学早,白首方悔读书迟。立志,标定人生方向;奋斗,创造人生价值,二者相辅相成,互相促进。大部分程序员的「目标」都是成为一名优秀的工程师,一名可以统览全局的「架构师」。千里之行始于足下对于大部分普通人而言,成为一名优秀的架构师还是有一定难度的,「千里之行始于足下,一步一个脚印,慢慢来」。????粉丝专属福利:包邮送书3本,如下书单四选一。????获取方式:1、参与文末投票,点赞,收藏即有机会获得精

    2022年6月15日
    31
  • Django(22)Django执行SQL语句「建议收藏」

    Django(22)Django执行SQL语句「建议收藏」前言Django在查询数据时,大多数查询都能使用ORM提供的API方法,但对于一些复杂的查询可能难以使用ORM的API方法实现,因此Django引入了SQL语句的执行方法,有以下三种执行方式ext

    2022年7月29日
    6

发表回复

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

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