欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS 基础实现与底层函数

程序员文章站 2022-03-04 22:15:40
...

预加载的的书写:

  1.$(document).ready(function(){});
  2.$().ready();
  3.$(function(){});

Js三种输出:

  1.document.getEm..byId(“”).inntrhtml=();
  2.document.write(“”);
  3.console.log();()控制台输出

数组的定义:(后端的集合相当于前端的数组)

  1.var 取名 = new Array();
    名字 [0]=
  2.var 取名 = [];
    名字[]=

对象类型:

  1.var 取名 = new Map();
  2.var 取名 = new object();
  3.var 取名 ={}

Js架包格式:

<script type="text/javascript"src="../js/jquery-1.8.3.js" ></script>

函数语法:

`function 取名(){}`
parseInt(x/y):丢弃小数,保留整数!
Math.ceil(x/y):向上取整,有小数就整数加一
Math.round(x/y):四舍五入
Math.floor(x/y):向下取整
ParseFloat(值):可以为小数或者整数
Text():检索字符串中的指定值,返回true或false
Exec():
Alert():弹窗
Action:跳转到网页
Text:文本
Submit:提交
Reset:重置
Image:图片按钮,文件夹
Method:“get” get:公开  post:加密
Radio:单选
Checkbox:多选
File:文件
Button:按钮

后代选择器

  父亲:parent()  祖先:parents()
  儿子:children() 子孙:find()
  兄弟:siblings()  
  弟弟:next()  所有的弟弟:nextall()
  哥哥:prev()  所有的哥哥:prevall()

取值与设置:

  取标签的内容:html()范围全取
                Text()只取文本
  设置标签内容:html(内容)
                Text(内容)
  取表单域的值:val()
  设置表单的值:val(值)
  取属性的内容:attr()取内容
                Prop()连带路径返回真假值
  设置属性的值:attr(“属性名”,值)


追加:append()
删除:remove()
清空:empty()

设置样式:

 Addclass(类名).Css(属性,值)

清除样式:

 Removeclass()

遍历方法:each()

  Var a = 【11,12,13,14】
  $(a).each(function(i,e){
     Console.log(a[i])或者Console.log()
})(二选一,不带参数用本身this代替取值)

效果:(多数用于时间当中)

  1.显示:show()
  2.隐藏:hide()   循环显示和隐藏:toggle()
  3.淡入:fadeIn()
  4.淡出:fadeOut()  循环淡入和淡出:fadetoggle()
相关标签: JS 基础