jQurey 的选择器

入口函数写法:

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

时间: 2024-10-07 21:16:09

jQurey 的选择器的相关文章

JQurey一些常用方法

id选择器: $("#div"); 类选择器: $(".lei"); 元素选择器: $("div"); JQuery转DOM对象 var $cr = $("#div"); var cr = $cr[0]; var cr = $cr.get(0); DOM转JQuery对象 var cr = document.getElementById("div"); var $("cr") = $(c

jquery选择器的简单使用

1.$()可以是$(expresion),即css选择器.Xpath或html元素,也就是通过上述表达式来匹配目标元素. 比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象--它选择了所有的jQuery 而操作这段HTML的是如下一条语句: alert($("div>p").html()); $()中的是一个查询表达式,也就是用"div>p"这样一个查询表达式构建了一个jQuery对象,然后的"ht

jqurey 简单的,我也简单

________________________<jqurey>_______________________size()求对象集合中的个数 each()遍历对象 prop()获取某个元素属性,相似attr() is()判断某个元素符合某个表达式 成功返回trueattr()属性不是html具有的,人为加的属性childer()某个元素的子元素append()向匹配元素添加内容text()获取元素的文本get()获取集合中的某个元素html()相当于innerHTML,向元素的内部插入一段HT

jqurey基础一

jqurey1 用法 笔记 jqurey API的使用 jqurey的详细介绍 API的使用 引入包名 <script src = "jquery-1.11.1.min.js"><script> 入口函数 方式1 $(document).ready(function (){ alert("入口函数1");  });  方式2 $(function(){ alert("入口函数2");  });   事件的处理程序 <

JQurey学习(一)

JQurey是JavaScript的一个类库,简化了JavaScript编程(因为JavaScript真的手感很shit) 一.JQuery的功能 HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 二.function 1.document方法的两种写法,该方法意义在于直接调用与JS中的onload类似 $(document).ready(function(){ alert(1) }); $(function

CSS3选择器:nth-child和:nth-of-type之间的差异

对于p:nth-child选择器,选择一个元素如果: 这是个段落元素 这是父标签的第二个子元素 对于p:nth-of-type选择器,选择一个元素如果: 选择父标签的第二个段落子元素 :nth-of-type选择器,限制条件少

CSS3选择器 ::selection选择器

"::selection"伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本).浏览器默认情况下,用鼠标选择网页文本是以"深蓝的背景,白色的字体"显示的,效果如下图所示: 从上图中可以看出,用鼠标选中"专注IT.互联网技术"."纯干货.学以致用"."没错.这是免费的"这三行文本中,默认显示样式为:蓝色背景.白色文本. 有的时候设计要求,不使用上图那种浏览器默认的突出文本效果,需要一个与众不同的效果,此时

jQuery选择器补充

------------------------------------------------------------------------------------------------------------ --------------------------- 简单选择器(使用频率最高) ---------------------------- ----------------------- 进阶选择器(使用频率不如简单选择器) ----------------------- 高级选

微信小程序组件解读和分析:十二、picker滚动选择器

picker滚动选择器组件说明: picker: 滚动选择器,现支持三种选择器,通过mode属性来区分, 分别是普通选择器(mode = selector),时间选择器(mode = time),日期选择器(mode = date), 默认是普通选择器. picker滚动选择器示例代码运行效果如下: 下面是WXML代码: [XML] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23