首页 > 代码库 > jQurey 的选择器

jQurey 的选择器

2024-10-14 05:29:02   213人阅读

入口函数写法：
$(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=http://www.mamicode.com/’itcast’]”) 选择href属性值为itcast的所有a标签 $(“a[href=http://www.mamicode.com/’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 只会触发一次，鼠标经过的世界只会触发一次

jQurey 的选择器


联系
我们