jQurey 的选择器

Posted 2020-09-26

入口函数写法：

$(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 只会触发一次，鼠标经过的世界只会触发一次