@firanorg/perferendis-iusto-vitae v7.8.153
@firanorg/perferendis-iusto-vitae
前端程序的一个公共方法库,包括:domReady、children、append、find、jsonFormData、setUrlParam等公共方法。
安装
npm i @firanorg/perferendis-iusto-vitae
使用
代码中先引入后正常调用其包括的方法
//根据实际需要引入方法
import {domReady,jsonFormData} from '@firanorg/perferendis-iusto-vitae';
方法说明
domReady
HTML页面加载完成后触发执行
代码示例
import {
domReady
} from '@firanorg/perferendis-iusto-vitae'
import xqTabForm from "./xq-tab-form";
domReady(() => {
xqTabForm()
})
windowReady
HTML网页窗口加载完成后触发执行
代码示例
import {
windowReady
} from '@firanorg/perferendis-iusto-vitae'
import xqTabForm from "./xq-tab-form";
windowReady(() => {
xqTabForm()
})
slideUp
HTML网页元素向上缩起(隐藏元素)
代码示例
import {
slideUp
} from '@firanorg/perferendis-iusto-vitae'
const testElement=document.querySelector('#test')
//#test元素将被隐藏(向上缩小直到高度为0)
slideUp(testElement)
slideUp(testElement,500)//可以设置隐藏动画持续的时间
slideDown
HTML网页元素向下展示(显示元素)
代码示例
import {
slideDown
} from '@firanorg/perferendis-iusto-vitae'
const testElement=document.querySelector('#test')
//#test元素将被向下展示出来(高度为元素能显示完的高度)
slideDown(testElement)
slideDown(testElement,500)//可以设置向下展示动画持续的时间
slideToggle
HTML网页元素显示与隐藏切换,显示变隐藏,隐藏会变显示
代码示例
import {
slideToggle
} from '@firanorg/perferendis-iusto-vitae'
const testElement=document.querySelector('#test')
slideToggle(testElement)
slideToggle(testElement,500)//可以设置动画持续的时间
children
返回HTML元素匹配选择器的子元素数组
代码示例
import {
children
} from '@firanorg/perferendis-iusto-vitae'
const testElement=document.querySelector('#test')
//返回#test下匹配#t1选择器的子元素数组
children(testElement,'#t1')
parent
返回HTML元素匹配选择器的一个父元素
代码示例
import {
parent
} from '@firanorg/perferendis-iusto-vitae'
const testElement=document.querySelector('#test')
//返回#test下匹配#t1选择器的一个父元素
parent(testElement,'#t1')
parents
返回HTML元素匹配选择器的父元素数组
代码示例
import {
parents
} from '@firanorg/perferendis-iusto-vitae'
const testElement=document.querySelector('#test')
//返回#test下匹配#t1选择器的父元素数组
parents(testElement,'#t1')
prev
返回HTML元素匹配选择器的前面相邻元素数组
代码示例
import {
prev
} from '@firanorg/perferendis-iusto-vitae'
const testElement=document.querySelector('#test')
//返回#test下匹配#t1选择器的前面相邻元素数组
prev(testElement,'#t1')
next
返回HTML元素匹配选择器的后面相邻元素数组
代码示例
import {
next
} from '@firanorg/perferendis-iusto-vitae'
const testElement=document.querySelector('#test')
//返回#test下匹配#t1选择器的后面相邻元素数组
next(testElement,'#t1')
append
在HTML元素内部最后面添加元素(字符串形式表示)
代码示例
import {
append
} from '@firanorg/perferendis-iusto-vitae'
const testElement=document.querySelector('#test')
//返回#test元素内部最后面添加<p>添加的元素</p>
append(testElement,'<p>添加的元素</p>')
prepend
在HTML元素内部最前面添加元素(字符串形式表示)
代码示例
import {
prepend
} from '@firanorg/perferendis-iusto-vitae'
const testElement=document.querySelector('#test')
//返回#test元素内部最前面添加<p>添加的元素</p>
prepend(testElement,'<p>添加的元素</p>')
before
在HTML元素前面添加元素(字符串形式表示)
代码示例
import {
before
} from '@firanorg/perferendis-iusto-vitae'
const testElement=document.querySelector('#test')
//返回#test元素前面添加<p>添加的元素</p>
before(testElement,'<p>添加的元素</p>')
after
在HTML元素后面添加元素(字符串形式表示)
代码示例
import {
after
} from '@firanorg/perferendis-iusto-vitae'
const testElement=document.querySelector('#test')
//返回#test元素后面添加<p>添加的元素</p>
after(testElement,'<p>添加的元素</p>')
find
查找指定选择器的HTML元素数组
代码示例
import {
find
} from '@firanorg/perferendis-iusto-vitae'
//返回所有p标签元素数组
find('p')
findOne
查找指定选择器的一个HTML元素
代码示例
import {
findOne
} from '@firanorg/perferendis-iusto-vitae'
//返回一个p标签元素
findOne('p')
jsonFormData
将指定的表单填写的数组转为json格式
代码示例
import {
jsonFormData
} from '@firanorg/perferendis-iusto-vitae'
const form=findOne('#form1')
const json=jsonFormData(form)
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
10 months ago
10 months ago
10 months ago
10 months ago
9 months ago
9 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
11 months ago
11 months ago
12 months ago
11 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
11 months ago
11 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
11 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
11 months ago
11 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago