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


相关推荐

  • 服务器为什么要封海外,UDP攻击是什么「建议收藏」

    服务器为什么要封海外,UDP攻击是什么「建议收藏」为什么要封海外:总所周知,目前国内的大攻击大多都来自海外,因为国外的攻击成本比国内会低很多,一旦发起了攻击,并不容易找到攻击的源头。国外的家用带宽能达到千M口,咱们国内的百M口,相当于一只外国肉鸡能顶我们国内好几台肉鸡,那这个量是不得了的,而且国内的网站几乎很少有国外用户访问,目前封海外是国内的一大趋势。UDP攻击是什么:UDP攻击全称:UDP淹没攻击(UDPFloodAttack)。UDP淹没攻击是导致主机拒绝服务的一种攻击,属于带宽类攻击。UDP是一种无连接的协议,不需要用任何程序建立连接..

    2022年10月2日
    3
  • 富集分析集锦(KEGG富集分析图)

    链接:https://www.jianshu.com/p/988d90484f77不管是转录组,还是芯片数据,或者其他有关基因的组学分析,每当数据分析到后面,要想得到结果,都躲不过这个富集分析,因为它是帮助我们从庞杂的组学数据中发掘规律重要的一环,对基因功能进行富集分析,就有可能发现在生物学过程中起关键作用的生物通路,并且帮助理解生物学过程的分子机制。现在的高通量测序带来的巨大数据量,让我们眼…

    2022年4月15日
    563
  • sinkable_paas容器

    sinkable_paas容器Sink容器学习

    2025年8月24日
    3
  • oracle client 环境不满足最低要求_oracle11g安装环境不满足最低要求

    oracle client 环境不满足最低要求_oracle11g安装环境不满足最低要求为什么需要oinstall,dba两个组一个是控制软件安装,补丁安装等的;另一个是控制数据库创建,数据库管理等的。你可以将两个权限都授权给dba组,只创建dba一个组就可以了。角色细化而已,另外oracle还要求redo日志、控制文件分不同盘放,数据安全要求而已2、usr/sbin/useradd-m-goinstall-Gdbaoracle什么意思??创建了一个新的UNIX/LINUX用户,-m表示如果已经有这个用户不报错,-g是组,-G是其他组,最后是用户名m表示为用

    2022年9月26日
    3
  • Linux基礎知識 —— open&close

    Linux基礎知識 —— open&close

    2022年2月21日
    52
  • 网站首页js幻灯片代码

    网站首页js幻灯片代码JS图片幻灯片,网站首页专用的图片特效代码,旅游网站用着最合适了,支持图片说明,每一幅图片都可以加标题和简短的文字介绍,右下角有图片切换控制按钮,示例中仅有5张图片,不过在实际应用中,你可以添加更多的图片。JS图片幻灯片*{margin:0;padding:0;}u

    2022年7月13日
    17

发表回复

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

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