Jquery基础知识选择器记录并分享


-----------------javascript----------------------
1,打印信息
console.log("Hello");
2,数据类型
var str1=""; var str2='';
var bool = true;
var pi=3.14;
var obj=new Object();
var obj={id:"",name:""};
var obj={id:"",msg:function(){}};要在函数内引用对象的属性必须使用this关键字
obj.sayHi=function(){}; 为对象添加方法
delete obj.name; 删除对象的属性
var hasName = "name" in obj; 检查对象是否拥有某个属性
for(var prop in objs){} 迭代对象属性
var arr=new Array();
var arr=[100,"Admin",true];js数组能容纳任意类型的数据
for(var i=0;i<arr.length;i++){} 枚举数组内容
concat(otherArray) 把otherArray的元素添加到数组的末尾
join(separator) 把数组所有的元素连接成一个字符串,并用分隔符分隔这些元素
pop() 把数组当成栈,删除数组的最后一个元素并返回该元素(出栈)
shift() 删除并返回的是数组的第一个元素
push(item) 把数组当成栈,把item作为数组的最后一个元素追加到数组中(入栈)
unshift(item) 把新元素添加到数组的开头
reverse() 得到与原数组元素顺序相反的新数组
slice(start,end) 返回一个子数组
sort() 返回元素排序后的新数组
splice(index,count) 从指定的索引index开始,在数组中删除count个元素

3,使用if/else条件语句
if(name=="Admin"){
}else{
}
4,使用switch条件语句
switch(name){
case "Admin":
console.log("");
break;
default:
break;
}
5,异常处理
try{
}
catch(e){
}finally{
}
6,==与===的区别
==运算符仅测试操作数的值是否相等
===既检测值又检测类型是否相同
对于基本类型比较运算比较的是值,对于对象比较运算比较的却是引用
7,undefined与null的区别
undefined
读取一个变量,而该变量尚未被赋值
读取一个不存在的对象属性
null
null不属于任何一个合法的类型,如var myData.weather=null;
if(!myData.name){} 检查变量或属性是否为null或undefined
8,其他
var data=5+"5"; 输出55 字符串连接运算符比加法允许符优先级高
document.getElementsByTagName("img");
document.createElement("img");
---------------------jquery-----------------------
jQuery1.x
jQuery2.x 不再支持IE6,IE7,IE8

$(document).ready(function(){});
$(function(){});
$.post(
"", //url:待载入页面的URL地址
{}, //data:待发送key/value参数
"", //type:json,text
function(data){ //callback:回调函数
}
);
$.ajax({
url:"",
type:"POST",
data:"",
dataType:"json",
success:function(msg){
},
error:function(msg){
}
});

选择元素(基本选择器)
$("#id");
$(".class");

$("*") 选取所有元素
$("p") 选取所有 <p> 元素
$(".intro.demo") 选取所有 class="intro" 且 class="demo" 的元素
$("p:first")第一个 <p> 元素 $("p:last")最后一个 <p> 元素
$("tr:even")所有偶数 <tr> 元素 $("tr:odd")所有奇数 <tr> 元素
$("ul li:eq(3)")列表中的第四个元素(index 从 0 开始)
$("ul li:gt(3)")列出 index 大于 3 的元素
$("ul li:lt(3)")列出 index 小于 3 的元素
$("input:not(:empty)")所有不为空的 input 元素
$(":header")所有标题元素 <h1> - <h6>
$(":contains('W3School')")包含指定字符串的所有元素
$(":empty")无子(元素)节点的所有元素
$("p:hidden")所有隐藏的 <p> 元素
$("table:visible")所有可见的表格
$("th,td,.intro")所有带有匹配选择的元素
$("[href]")所有带有 href 属性的元素
$("[href='#']")所有 href 属性的值等于 "#" 的元素
$("[href!='#']")所有 href 属性的值不等于 "#" 的元素
$("[href$='.jpg']")所有 href 属性的值包含以 ".jpg" 结尾的元素
$(":input")所有 <input> 元素
$(":text")所有 type="text" 的 <input> 元素
$(":password") 所有 type="password" 的 <input> 元素
$(":radio") 所有 type="radio" 的 <input> 元素
$(":checkbox") 所有 type="checkbox" 的 <input> 元素
$(":submit") 所有 type="submit" 的 <input> 元素
$(":reset") 所有 type="reset" 的 <input> 元素
$(":button") 所有 type="button" 的 <input> 元素
$(":image") 所有 type="image" 的 <input> 元素
$(":file") 所有 type="file" 的 <input> 元素
$(":enabled") 所有激活的 input 元素
$(":disabled") 所有禁用的 input 元素
$(":selected") 所有被选取的 input 元素
$(":checked") 所有被选中的 input 元素
对元素进行操作(常用方法)
.blur([data],fn);
.click([data],fn);
.focus([data],fn);
.submit([data],fn);
$.each(object,[callback]);


原文地址:https://www.cnblogs.com/maz9666/p/5009231.html