微信登录

前端 - jQuery

选择器 - $("#xx")、$(".xx")

语法 - jQuery - javascript的简化

基础 - 引入jQuery

$(document).ready(function() {}); - 文档加载完后

方法 - function XXX() {} - 函数=方法

$(window).resize(function(){xxx}); - 窗口大小变化

检测设备 - 手机、平板、电脑（电脑调整不影响）

方法 - setTimeout(function(){},?); - 等?秒执行

方法 - setInterval(function(){},?); - 等?秒重复执行

基础 - var XXX - 定义一个英文代表

基础 - JS=jQuery - 互换

数据 - typeof(data) - 查看数据类型

数据 - []数组

转换 - parseInt("12"); - string字符串转int数字

转换 - a = x.toString(); - int数字转string字符串

转换 - eval(); - 字符串转JSON

操作 - str.substring(0,str.length-3) - 字符串减后2位

操作 - .split("@") - 字符串按xx分割为数组

操作 - 字符串截取

功能 - $.each() - 遍历字典、对象

功能 - alert(XXX); - 打印通知

功能 - console.log(XXX); - 控制台打印

选择器 - $("#xx")、$(".xx")

修改 - $("#XXX").val(); - 选中<>里的值 - value

修改 - $("#XXX").text(); - 选中值的文本 - >文本<

修改 - $("#XXX").html(); - 选中内容包括标签

修改 - $("#XXX").click(); - 鼠标点击

修改 - $("#XXX").remove(); - 删除元素

修改 - $("#XXX").empty(); - 清空元素

修改 - $("#XXX").prepend(XXX); - 头部增加元素

修改 - $("#XXX").attr(); - style外属性操作

修改 - $("#p").text(); - 获得p标签的值

修改 - $("#XXX").css(); - 样式style操作

修改 - $("#XXX").animate({top:"3px"}); - 动画修改

直接用 - AJAX - 异步请求

直接用 - Date() - 时间

特殊 - checkbox的checked要prop()函数

功能 - 复制到剪切板

功能 - 页面自动滚动

插件 - Markdown - Editor.md使用

插件 - ztree - 树

选择器 - $("#xx")、$(".xx")

jQuery 元素选择器

jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。

jQuery 属性选择器

jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

连续选择器

$("p#demo.demo#demo[href$='.jpg']")
一直选进去

选择器 - $("#xx")、$(".xx")