导图社区 js基本语法、jqueryDOM知识点学习笔记
js基本语法、jqueryDOM知识点学习笔记,一张图带你完全了解相关内容,通过思维导图帮你提高效率,赶紧来试一试吧~
网店详情页排版方法分享~包括中心页面组成,优质详情必备,详情页的排版参考方法。感兴趣的小伙伴可以看看哦~
喷绘色彩基础培训方案,内容涵盖色彩基础,喷绘写真。框架清晰,内容丰富,希望对小伙伴有所帮助哦~
酒窖营销计划方案,包括结果目标,过程目标。框架清晰,内容丰富,有需要的小伙伴可以看看哦~ 可供大家参考,借鉴,交流。
社区模板帮助中心,点此进入>>
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
css
CSS
计算机操作系统思维导图
计算机组成原理
IMX6UL(A7)
考试学情分析系统
js基本语法、jqueryDOM知识点学习笔记
js
基本语法
变量
声明和赋值
var name = value
var name
name = value
变量命名规范
同python
语句
用;结尾
基本数据类型和操作
数字
int
1
float
1.1
操作
四则运算
关系运算
float 不要用 = 和 !=
字符串
'或者"
+
布尔类型
表示真假
true
false
布尔运算
与
&&
只有两个都为true,结果才为ture
或
||
只要有一个为true,结果为true
非
!
数组
[1, 2, 3, 4, 5]
获取元素数量
arr.length
元素增、删、改、查
arr[arr.length] = value
delete arr[index]
arr[index] = value
arr[index]
函数
对象类型(object)
{key : value}
key只能是字符串
元素的增、删、改、查
null/undefined
var b = null
c = null
var c
c = undefined
流程控制
条件
if
if(cond1) { } else if(cond2) { } else if(cond3) { } else { }
switch
switch(value) { case value1: break; case value2: break; default: break; }
循环
for(a;b;c)
a
初始化
b
条件判断
c
循环体后操作
执行顺序
a->b->body->c->(b->body->c)...->b
for(var i = 0; i < arr.length; i++) { arr[i] }
while
condition
body
(condition->body)...->condition
do while
(body->condition)...
最少执行一次
for-in
object
for( var key in object)
continue/break
定义
function funcname(args) { body return }
调用
var rt = funcname(args)
DOM
文档操作
找
document.getElementById()
document.getElementsByTagName()
document.getElementsByClassName()
增
child=document.createElement()
parent.appendChild(child)
删
parent.removeChild(child)
修改
修改内容
element.innerHTML = value
value=' abc'
element.innerHTML
elment.innerText
修改属性
element.attrname = attrvalue
element.attrname
事件
click
文档声明
标签onclick='func();'
动态绑定
element.click = function() {};
BOM
浏览器操作
window.location
reload()
replace(url);
window.navigator
window.open(url)
console
console.log()
定时器
setTimeout(function() {}, 1000)
jquery
id
jQuery('#id')
class
jQuery('.classname')
tag
jQuery('tagname')
混合
子选择
var child = jQuery(' ')
parent.append(child)
element.remove()
element.html(value)
element.html()
element.text()
value
element.val(value)
element.val()
element.addClass(classname)
element.removeClass(classname)
style
element.css(key, value)
elmeent.css({key : value, key1 : value1})
其他
element.attr(key, value)
element.attr(key)
jQuery(selector).on('click', function() {})
change
ready
jQuery(document).ready(function() {})
动画
显示/隐藏
jQuery(selector).hide/show/toggle
淡入/淡出
fadeIn/fadeOut/fadeToggle
滑动
slideDown/slideUp
ajax
异步的javascript + xml
json
同步请求
request a
request b
a请求发起->a请求完成 -> b请求发起->b请求结束
异步
a请求发起->b请求发起->a请求完成->b->请求结束
jQuery.post/get
post(url, data, function(data) {}, 'json')
get(url, function(data){})