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


相关推荐

  • 罗永浩欠六个亿脱口秀_罗永浩直播带货视频

    罗永浩欠六个亿脱口秀_罗永浩直播带货视频做直播赚钱,跟做其它所有合法工作赚钱一样,一样可以选择干干净净的赚钱。而越假装不在乎钱,就越不会去赚钱,所以她在30岁时,自己撕掉那块遮羞布,拼命赚钱,过积极的生活。站街上一天8小时,赚80元,可80元卖5盒明信片就有了啊。提及这段经历,就是想说,当你真的开始在乎钱,真的想赚更多钱时,你真的能找到各种办法。这个社会的很多人,有些病态,自己背着房贷,猪肉排骨都舍不得大口吃,还不努力赚钱,甚至还不好意…

    2022年9月21日
    5
  • 阿里云服务器怎么设置能让网站发邮件

    阿里云服务器怎么设置能让网站发邮件

    2021年9月21日
    54
  • @Scope(“prototype“)//多例模式[通俗易懂]

    @Scope(“prototype“)//多例模式[通俗易懂]@Scope(“prototype”)//多例模式

    2022年8月20日
    8
  • neokylin 系统_kdesk core service

    neokylin 系统_kdesk core service目录结构a) 文件和目录被组织成一个单根倒置的树状结构b) 文件系统从根目录下开始,用”/”表示c) 根文件系统(rootfs):rootfilesystemd) 文件名区分大小写(Windows中的文件系统不区分大小写)e) 以.开头的文件是隐藏文件f) 文件有两类数据i. 元数据:metadata用户描述文件本身的信息,也就是文件属性ii. 数据:data就是文件中存放的内容文件类型a) 蓝色表示目录d开头b) 黄色表示设备文件b开头:块设备c开头..

    2022年8月10日
    7
  • python中list与string的转换「建议收藏」

    python中list与string的转换「建议收藏」1.list转string命令:”.join(list)其中,引号中是字符之间的分割符,如“,”,“;”,“\t”等等如:list=[1,2,3,4,5]”.join(list)结果即为:12345′,’.join(list)结果即为:1,2,3,4,5str=[]#有的题目要输出字符串,但是有时候list更好操作,于是可以最后list转st…

    2022年6月13日
    356
  • Vue(4)Vue指令的学习1

    Vue(4)Vue指令的学习1前言Vue官网一共有提供了14个指令,分别如下v-textv-htmlv-showv-if☆☆☆v-else☆☆☆v-else-if☆☆☆v-for☆☆☆v-on☆☆☆v

    2022年7月30日
    6

发表回复

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

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