js第六篇

2019-11-03 12:36 来源:未知

 

制作表单时需要用到的jquery
我们现在访问的网站都是会单独的有一个注册和登录的页面,我们在制作这个页面的时候需要使用js来做很多的验证,我们在做验证的时候都需要使用哪些jquery插件呢?

:lt() 过滤小于;

图片 1

图片 2

:eq() 过滤指定索引值的那个;

  1. 引入jquery.js和jquery.fullPage.min.js

  2. 书写html

    第一屏

    fullPage.js — 回调函数演示

    第二屏

    滚动到第二屏后的回调函数执行的效果

    第三屏

    滚动到第三屏后的回调函数执行的效果

    第四屏

    滚动到第四屏后的回调函数执行的效果

  • 这个就是我们最后需要看到的效果,因为我们这个页面主要的内容是表单,所以使用到的也是个表单有关的jquery,所以我们需要引入以下文件:
    • jquery.js
    • jquery-form.js
    • jquery-validate.min.js(和jquery-form.js配套使用,且必须在jquery-form.js的上级)
  • 最后我们还需要引入一个我们自己编写的jquery文件,以上就是我们制作表单过程中需要引入的全部jquery文件了。

第四:省略掉取数据的模块直接绑定事件。

  1. 编写样式

    .section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}

  2. 书写js

    $(function(){

        $('#dowebok').fullpage({
        sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90']
     })
    

    })

  • 上面是引用jquery-form.js文件之后的js书写规则,如果我们表单中需要的一些要求在jquery里面没有的话我们可以自己添加要求之后在rules和messages中调用。

html(参数1) 作用 可以修改任何选中的标签内部的内容。 像js中innerHTML;

 

![](https://upload-images.jianshu.io/upload_images/1781294-f37722041442c2cd.png)

X_U`{UHP$IK_O82~DJR~GQJ.png

参数1:表示css属性名;

BU22ZPR{MIE(0P0$FMK~WAG.png

《基础选择器》

  • 以上就是我们在制作一些常用表单时需要使用的文件了。

《访问标签内部文本》

list.png

参数2:表示属性值。

  • 上图就是我们自己添加函数时的书写规则。

  • 弹出框的位置和样式都是可以更改的,下图就是更改弹出框位置的代码:

《核心函数》

图片 3

价值:因为筛选选择器表示的是一种标签之间的关系,所以他的价值在于将来可以和用户配合使用用户就是$(this);

![A)%LIC~_T4FI`0@HY]5HKV8.png](http://upload-images.jianshu.io/upload_images/1781294-16561380f3581884.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)

简介:

就是事先写好的js文件。里面包含了大量的js功能。只要在html文档中引入这个js文件就可以使用里面的所有功能这就是js框架的好处。

Jq一直在常识化简工作的一些方法,其中他独创了独有的链式编程思想。

解决方法排队机制本身是一个好东西但有的时候会造成麻烦。清空排队有一个好办法在执行的动画之前添加 stop()命令即可。 Stop()作用表示清空排队。

特点:jq当中所有的筛选选择器都必须要写在选择函数之外。 例如$().children();它的书写格式复合一个函数的使用语法。所以所有的筛选选择器都是函数。

第四个单独的:

表示相邻选择器。 作用选中指定标签其后紧挨着的唯一个元素。

《过滤选择器》

:last 范围内的最后一个;

【js框架】

《css函数单属性访问》

什么是链式编程思想: 针对同一个目标进行的所有操作都可以在后面连续书写。

《知识点》

siblings() 表示选中指定元素所有的兄弟元素。

第三:用jq控制html属性;

总结:这组动画的函数的特点是默认就具备动画不需要填写毫秒值时间。但是如果觉得动画的速度不合适也可以通过毫秒值来控制。

《标签属性访问》

【jquery的选择器】

一句话:css里面怎么选,到jquery里面照样可以怎么选。

第四:jq中的this必须用美元选出来。***不要忘

:even 过滤范围内的偶数个索引值。

《知识点》

第一对:

目前世界上有大量的js框架数以万计,其中jquery是最为杰出使用最为广泛的一个js框架。它是一个美国人写的。这个人叫约翰莱西格

children() 表示选中指定元素的子级标签。

第二:新建一对script标签书写jquery;

我们体验完jquery的强大以后我们就按部就班的分类来一步一步的学习jquery那么这其中我们只需要学会用jquery做到以下几类事情就可以了。

slideDown() 向下滑动显示。

基础选择器中只有3个特殊的需要我们单独记一下。

Css(参数1,参数2) 表示单属性修改css;

《显示隐藏切换函数》

第一:jquery中可以直接针对群体元素进行任何控制。

这3个函数的内部都可以填写一个毫秒值来控制动画的显示时间。

格式: css(参数1) 当只填写一个参数的时候不表示修改,表示要访问到这个属性当前的值。

第二:jquery中的所有事件都省略掉了on。

Jq动画的排队机制。

:not() 作用是在指定范围内排除某些元素。

parent() 表示选中指定元素的父级标签。

第一:用jq控制css;

第三组:

第二:用jq控制html;

:odd 过滤范围内的奇数个索引值。

参数1:表示要修改的值。

Show() 显示任何选中html元素;

第四:学习jquery动画。

《核心函数》

人们推崇的jquery书写宗旨。网络上流行的jquery书写核心。

《核心函数》

【滑动切换动画】

slideToggle() 滑动切换。

:first 过滤范围内的第一个;

什么是js框架?

【jquery控制HTML】

第三:jquery中如果希望在群体元素中筛选出某个 可以通过 eq过滤 格式是 $(‘div:eq(0)’)

attr(参数1,参数2) 作用修改制定的标签属性,在级别上它应该是大于css的。

什么是jq的选择器? 一提到选择器我们应该想到css的选择器,jq中也准备好了一套选择器系统,可以在整个网页文档中对任何的标签进行选择。然后给这些标签添加功能。

对二对:

【jquery控制html属性】

> 表示子代选择器。 只选中指定标签内部的第一级子代元素。

《jquery的书写步骤》***

slideUp() 表示向上滑动隐藏。

【分类学习jquery】

《简介》

css({ k:’v’,k:’v’,..... }) 表示多属性修改css 一次可以修改所有css;

Css({ ‘k’:’v’ , ’k’:’v’ }) 简便书写方式可以简单记为所有的属性和值都加引号,好处是也可以有代码提示。 其中还有一个小技巧 像素的单位可以直接写数字省略px;

Toggle()切换

参数2:表示标签属性值。

参数1:表示标签属性名称。  例如 class,id,src,href,type

Attr属性填写两个参数值表示修改指定参数,填写一个参数值表示访问指定参数。它和css函数的使用方法一样。

:gt() 过滤大于指定索引值的元素;

Jq里面所有的动画都遵循一个叫做排队机制的原理,意思是说所有的动画都会排队等待执行触发的越多排队越长。

【jquery控制css】

简单说一下在体验jquery、的过程中你不用着急记太多的步骤,重点就是观察和看热闹。体验完了以后我们再按部就班的去学习。

Html函数不填写任何的参数值的时候表示访问选中的标签内部数据。

Jquery的书写核心:你用什么就选什么 $();

其实jquery已经将js的书写化简到极限了。  就一句话, 你用什么就选什么,你用什么就给美元。

第一:引入jquery的文件,通过script的src属性。

在jq中筛选选择器主要学习其中的号称筛选三大巨头的函数。分别是 父子兄;

Hide() 隐藏任何选中元素;

~ 选中其后所有。

《筛选选择器》

特点:在jq当中所有的过滤选择器可以认为都以冒号开头。表示在指定的范围内进行过滤。

第三:用jquery的形式执行代码分离 $(function(){});

【体验jquery】

Jq的选择器是一个比较大的系统里面的内容较多,但是整体上一共可以分为三大类型。

TAG标签: 日记本 jQuery-...
版权声明:本文由彩民之家高手论坛发布于前端知识,转载请注明出处:js第六篇