javaWeb:jQuery

JQuery
	封装JavaScript的功能代码,提供一种简单的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
	JQuery的引入:将下载好的JQuery文件直接复制到js文件下,通过外部引用js的文件方式导入<script type=”text/javaScript” src=”js/jquery-3.4.1.js”></script>.
	JQuery的基本语法:JQuery==$。
	jQuery页面加载:jQuery提供ready()函数,用于加载页面成功以后执行。
	jQuery的ready()与window.onload的区别:执行时间不同(前者DOM结构绘制完毕以后执行不需要等到所有元素加载完毕,
后者必须等到所有元素加载完毕以后才执行)、编写个数不同(前者可以编写多个并且都可以得到执行,后者不能同时编写多个也只能一次执行一个)、
简化写法(前者$(document).ready(function(){})可以简写为$(function(){}),后者不可以简写)。
	DOM对象和jQuery对象转换:DOM对象通过JavaScript方法直接获取,jQuery对象时由jQuery包装以后得到的对象。
DOM转jQuery(jQuery(DOM对象)或者$(DOM对象)),jQuery转为DOM对象(jQuery对象[index]或者jQuery对象.get(index))。
	jQuery选择器:基本选择器(ID选择器、类选择器、标签选择器、全局选择器);层级选择器(后代选择器(parent child)、子选择器(parent>child)、同辈相邻元素选择器(prev+next)、同辈元素选择器(prev~siblings));
过滤选择器(第一个(:first)、最后一个(:last)、指定索引(:eq(index))、大于索引的(:gt(index))、小于索引(:lt(index))、奇数(:odd)、偶数(:even)、除了**以外(:not(**)));
属性选择器;表单选择器(基本表单选择器、表单过滤器(selected针对下拉列表框被选择的项、checked针对单选和复选中的项、enable所有被激活的input元素、disenable所有被禁用的input元素));
this选择器($(this)表示当前正在操作的元素对象)。
	jQuery特效:封装了一些js用于处理元素的显示比较好看的效果,显示元素(show(speed,callback))、
隐藏元素(hide(speed,cellback))、切换隐藏与显示元素(toggle(speed,cellback))、淡入隐藏元素(fadeIn(speed,cellback))、淡出可见元素(feedOut(speed,cellback))、淡入淡出之间切换(fadeToggle(speed,callback))、
向下滑动用于显示(slideDown(speed,cellback))、向上滑动用于隐藏元素(slideUp(speed,cellback))、
向上与向下滑动之间互相切换(slideToggle(speed,cellback))。
	jQuery操作CSS:css(”样式属性”,”值”)或者css({}”样式属性”:”值”)、addClass(样式名称)、removeClass()移除某类样式、toggleClass()在移除和add之间切换。
 	jQuery操作属性:attr()(对象.attr(“属性名”),获取属性值;对象.attr(“属性名”,”属性值”)设置属性值)、prop()与前种方法相似获取和设置属性值。
	jQuer操作DOM:在被选元素结尾插入内容append(父子关系)、在被选元素开头插入内容prepen(父子关系)、在被选元素结尾插入内容after(兄弟关系)、
在被选元素开头插入内容before(兄弟关系)、remove()删除元素及其子元素。
	jQuery循环遍历元素:对象.each(回调函数:function(index,element){})
	表单的校验:使用jQuery插件validate验证方法,表单绑定验证方法($(function(){$(表单Id”#regFrom”.validate)}))、
指定验证规则<imput type=”text” name=”user” required=”true” rangelength=[3,6]>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值