jQurey 的选择器

mac2022-06-30  66

入口函数写法: $(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选择器入门详解小案例
最新回复(0)