jQuery学习和知识点总结归纳-上海牛巨微网络科技有限公司

2022-11-30 0 377

  1、jQuery概要

jQuery学习和知识点总结归纳-上海牛巨微网络科技有限公司

  jQuery是两个新颖的JavaScript库。jQuery很大地精简了JS对DOM的操作方式,结束许多常见的配套措施,jQuery还能拉艾操作方式。

  2、jQuery的显然用语

//引入jQuery文档,能邻近地区也能中短途

  ?

  3、jQuery常见的示例和事,和CSS的示例很类似于。

  $()–利用CSS示例相匹配原素

jQuery的事和JS的事显然完全相同,在利用的时份,拿掉JS事后面的on方可。

  jQuery常见的事:

  load:当文档格式读取时运转JAVA

  blur:当询问处丢掉关注点时运转JAVA

  focus:当询问处获得关注点时运转JAVA

  change:当原素改动时运转JAVA

  submit:当提交表单时运转JAVA

keydown:当按下按键时运转JAVA

  keypress:当按下并松开按键时运转JAVA

  keyup:当松开按键时运转JAVA

  click:当单击鼠标时运转JAVA

  dblclick:当双击鼠标时运转JAVA

mousedown:当按下鼠标按钮时运转JAVA

  mousemove:当鼠标指针移动时运转JAVA

  mouseout:当鼠标指针移出原素时运转JAVA

  mouseover:当鼠标指针移至原素之上时运转JAVA

mouseup:当松开鼠标按钮时运行JAVA

  abort:当产生间断事时运转JAVA

  4、jQuery常见的效果配套措施

  $(selector).hide()–躲藏被选的原素

  $(selector).show()–显现被选的原素

$(selector).toggle()–对被选原素进行躲藏和显现的切换

  $(selector).slideDown()–经过调整高度来滑动显现被选原素

$(selector).slideToggle()–对被选原素进行滑动躲藏和滑动显现的切换

  $(selector).slideUp()–经过调整高度来滑动躲藏被选原素

  $(selector).fadeIn()–逐步改动被选原素的不透明度,从躲藏到可见

$(selector).fadeOut()–逐步改动被选原素的不透明度,从可见到躲藏

  $(selector).fadeTo()–把被选原素逐步改动至给定的不透明度

$(selector).animate()–对被选原素应用“自定义”的动画

  4、jQuery常见的DOM原素操作方式配套措施

  $(selector).parent()–回来被选原素的直接父原素。

$(selector).parents()–回来被选原素的一切先人原素,它一路向上直到文档格式的根原素(),可选参数来过滤对先人原素的查找

  $(selector).children()–回来被选原素的一切直接子原素。可选参数来过滤对子原素的查找

$(selector).find()–回来被选元素的子孙原素,一路向下直到最终两个子孙,可选参数来过滤对后子孙原素的查找

  $(selector).siblings()–回来被选原素的一切同胞原素。过滤对同胞原素的查找。

$(selector).next()–回来被选原素的下两个同胞原素。

  $(selector).nextAll()–回来相匹配原素调集中每个原素之后的一切同辈原素,由示例进行挑选(可选)。

$(selector).prev()–回来的是前面的同胞原素

  $(selector).prevAll()–回来相匹配原素调集中每个原素之前的一切同辈原素,由示例进行挑选(可选)。

$(selector).first()–将相匹配原素调集缩减为调集中的第一个原素。

  $(selector).last()–将相匹配原素调集缩减为调集中的最终两个原素。

  $(selector).eq()–指定索引的新原素。

$(selector).get()–获得由示例指定的DOM原素。

  $(selector).index()–回来指定原素相对于其他指定原素的index位置。

注:parent()、next()、prev()、first()、last()、eq()只回来两个原素。回来原素调集的函数都能传传参数挑选,比方:parents()、siblings()、nextAll()、prevAll()、siblings()。

$(selector).each()对目标进行迭代,为每个原素履行函数

  $(selector).toArray()以数组的方式回来jQuery示例相匹配的原素

  $(selector).size()回来被jQuery示例相匹配的原素的数量

$(selector).text()–设置或回来所选原素的文本内容

  $(selector).html()–设置或回来所选原素的内容(包含HTML符号)

  $(selector).val()–设置或回来表单字段的值

$(selector).append()–在被选原素的结尾刺进内容

  $(selector).prepend()–在被选原素的最初刺进内容

  $(selector).after()–在被选原素之后刺进内容

$(selector).before()–在被选原素之前刺进内容

  $(selector).remove()–删去被选原素(及其子原素)

  $(selector).empty()–从被选原素中删去子原素

$(selector).removeAttr()–从一切相匹配的原素中移除指定的特点。

  $(selector).clone()–创建相匹配原素调集的副本

$(selector).load()–从服务器读取数据,然后把回来到HTML放入相匹配原素

  5、jQuery对CSS的操作方式

  $(selector).height()–设置或回来相匹配原素的高度。

  $(selector).width()–设置或回来相匹配原素的宽度。

$(selector).addClass()–向被选原素增加两个或多个类

  $(selector).removeClass()–从被选原素删去两个或多个类

$(selector).toggleClass()–对被选原素进行增加/删去类的切换操作方式

  $(selector).css()–设置或回来款式特点

  $(selector).hasClass()查看相匹配的原素是否具有指定的类。

  6、jQuery其他习题

$(selector).data()–存储与相匹配原素相关的恣意数据

  $(selector).removeData()–移除之前存放的数据

  $(selector).serialize()–将表单内容序列化为字符串

$(selector).serializeArray()–序列化表单原素,回来JSON数据结构数据

  $抵触的解决配套措施

  //释放$标识符的控制,利用默许的变量jQuery

  $.noConflict();

  //自定义变量

varjq=$.noConflict();

  7、jQueryAjax操作方式函数

  $.ajax()–履行Ajax异步恳求

$.getJSON()–利用GET从服务器恳求JSON编码数据

  $.getScript()–利用GET从服务器恳求JavaScript文档并履行该文档

北京牛巨微控股集团股份有限公司经营范围包括一般项目:网络技术服务;软件开发;信息咨询服务(不含许可类信息咨询服务);企业管理咨询;信息系统运转维护服务;信息技术咨询服务;大数据服务;物联网技术研发;人工智能公共服务平台技术咨询服务;数据处理服务;计算机系统服务;动漫游戏开发;数字文化创意内容应用服务;咨询策划服务;物联网技术服务;社会经济咨询服务;市场营销策划;组织文化艺术交流活动;品牌管理;专业设计服务;供应链管理服务;人工智能硬件销售;工业机器人安装、维修;智能机器人销售;智能机器人的研发;工程和技术研究和试验发展;国内贸易代理;医护人员防护用品零售;互联网销售(除销售需要许可的商品)(除依法须经批准的项目外,凭营业执照依法自主开展经营活动)。

举报/反馈

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务