入口函数写法:
$(document).ready(function(){ //入口函数
//程序实现部分
});
第二种写法:
$(function(){
//程序实现部分
});
jquery:点击事件添加:
$("元素").click(function(){
//语句
})
判断参数:
typeof 判断参数
js 与jquery 的入口函数的区别:
1 js 的window.onload 事件是等到所有内容加载完之后 去才会去执行
2.jQuery 的入口函数是在 html 所有表情加载之后 就会去执行
js 创建对象的三种方式:
1.var obj={}
2.var obj1=new Object();
3.var obj2=Object.create();
推荐使用第一个方式,第二种存在效率问题。
css中的迭代属性:
$("li").css("font-size",function(index,value){
//index: 指定当前元素的索引号!
//value: 指向当前元素的要谁知的属性,此处指background-color
return (index+1)*10+"px";
});
基本过滤选择器
基本过滤选择器符号说明用法:eq(index)index是从0开始的一个数字,选择序号为index的元素。选择第一个匹配的元素。$(“li:eq(1)”). css(“background”,”red”):gt(index)Index 是从0开始的一个数字,选择序号大于index的元素$(“li:gt(2)”). css(“background”,”red”):lt(index)Index是从0开始的一个数字,选择小于index 的元素$(“li:lt(2)”). css(“background”,”red”):odd选择所有序号为奇数行的元素$(“li:odd”). css(“background”,”red”):even选择所有序号为偶数的元素$(“li:even”). css(“background”,”red”):first选择匹配第一个元素$(“li:first”). css(“background”,”red”):last选择匹配的最后一个元素$(“li:last”). css(“background”,”red”)
属性选择器符号说明用法$(“a[href]”)选择所有包含href属性的元素$(“a[href]”). css(“background”,”red”)$(“a[href=’itcast’]”)选择href属性值为itcast的所有a标签$(“a[href=’itcast’]”). css(“background”,”red”)$(“a[href!=’baidu’]”)选择所有href属性不等baidu的所有元素,包括没有href的元素$(“a[href!=’baidu’]”). css(“background”,”red”)$(“a[href^=’web’]”)选择所有以web开头的元素$(“a[href^=’web’]”). css(“background”,”red”)$(“a[href$=’cn’]”)选择所有以cn结尾的元素$(“a[href$=’cn’]”). css(“background”,”red”)$(“a[href*=’i’]”)选择所有包含i这个字符的元素,可以是中英文$(“a[href*=’i’]”). css(“background”,”red”)$(“a[href][title=’我’]”)选择所有符合指定属性规则的元素,都符合才会被选中。$(“a[href][title=’我’]”). css(“background”,”red”)
mouseover 事件跟 mouseenter 事件的区别
mouseover 触发多次 每遇到一个子元素就会触发一次
mouseenter 只会触发一次,鼠标经过的世界只会触发一次
转载于:https://www.cnblogs.com/EVNS/p/7097185.html
相关资源:jquery选择器入门详解小案例