入口函数写法:
$(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 只会触发一次,鼠标经过的世界只会触发一次