jQuery里的 index()函数index是什么函数意思,怎么用?

09-1407-2709-0809-07
05-0805-0805-0805-08
也许你感兴趣
1. 2. 3. 4. 5. 6. 7. 8. 9. 10.为了账号安全,请及时绑定邮箱和手机
index 索引值参数在函数中还有什么用?
&script type="text/javascript"&
//获取到指定元素的宽度,在回调返回宽度值
//通过处理这个value,重新设置新的宽度
$('.sixth').css("width",function(index,value){
value=value.split('px')
return (Number(value[0])+50)+value[1];
&/script&index 索引值参数在函数中还有什么用?如何理解
写下你的评论...
写下你的评论...
Copyright (C) 2018 imooc.com All Rights Reserved | 京ICP备 号-11拒绝访问 | www.365mini.com | 百度云加速
请打开cookies.
此网站 (www.365mini.com) 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(43c5-ua98).
重新安装浏览器,或使用别的浏览器jq里面each()的index和element到底是什么意思,具体什么用法_百度知道
jq里面each()的index和element到底是什么意思,具体什么用法
查了好多博客介绍基本一样,都看不明白到底怎么用的,例子也基本一样看不懂,有没有大神解释一下?这个each()到底和for循环有什么不同点和共同点?这两个参数到底怎么用的?选择器index的位置是不是要循环的这组元素的索引?如果是的话element指当前元素又是什...
我有更好的答案
each是jquery的方法,比for要简便。首先选择器选出来的是数组元素,通过each的回调函数来操作数组中的每个对象,可以修改属性或者绑定事件。index数数组元素序列,element具体数组中的元素
index就是相当于for里面的i是吧?而element就是当前操作的元素吧?而回调函数里面需要按一定的格式写吗?为何我看有些例子里面都没有index和element,还有function(){}小括号里面需要填变量吗?变量名是不是可以任意?
回调函数参数可以写0-2个,需要的什么就写上,但序列写在第一个。不写参数可以用this引用当前对象
采纳率:51%
为您推荐:
其他类似问题
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。jQuery语法和常用函数总结 - 简书
jQuery语法和常用函数总结
jQ对象是对DOM对象进行包装后产生的对象,DOM对象和jQ对象中的方法和属性不可互用
jQuery对象与DOM对象可相互转换,因此,可约定好定义变量的风格;
var $variable = jQ对象;
var variable = DOM对象;
相互转换:
//jQ对象转DOM对象
var variable = $variable[0];//数组方法
var variable = $variable.get(0);//jQuery中的get(index)方法
//DOM对象转jQ对象
var $variable = $(variable);
$()函数就是一个jQuery对象的制造工厂
基本选择器
层次选择器
过滤选择器
1.基本过滤
2.内容过滤
3.可见性过滤
4.属性过滤
5.子元素过滤
6.表单对象属性过滤
$(".side-nav&ul")
jQ DOM操作
DOM Core并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它。——《锋利的jQuery》
getElementById();getElementsByTagName();getAttribute();setAttribute();
HTML-DOM(出现比DOM Core还要早)
document.element.
element.style.color = "red";
1.结点元素
$("ul li:eq(1)");
2.结点属性
$para.attr("title");
$("&li title="text"&text&/li&");
1.append();
$("p").append("&b&123&/b&");//在元素内部最后追加&b&123&/b&
2.prepend();
//元素内部前置内容
3.after();
$("p").after("&b&123&/b&");//指定元素之后插入内容
4.before();
//指定元素之前插入内容
1.remove();
$("ul li").remove("li[titile!=text]");
2.detach();
//不会把匹配元素从jQ对象中删除,绑定的事件和附加的数据都会保留下来
3.empty();
//清空结点,即清空元素后代结点,元素里的内容
1.clone();
$("li").clone(true).append($("ul"));//复制的结点只有加上true参数才具有相应行为
1.replaceWith();
$("p").replaceWith("&b&123&/b&");//替换
$("p").wrap("&b&123&/b&");//用b元素将p元素包裹起来,单独包裹
2.wrapAll();
//统一包裹,若多个元素之间有其他元素,将放到包裹元素之后
3.wrapInner();
//包裹其子内容
结点属性操作
1.获取属性
2.删除属性
removeAttr()
1.设置属性
$("p").attr("class","high")//属性设置会覆盖原有
2.addClass();
$("p").addClass("another");//addClass()不会覆盖原有class
3.removeClass("high another");
//参数可删除一个或多个class,无参数则删除所有样式
4.toggleClass();toggle();
$("p").toggleClass("another")//切换样式,重复添加和删除
$btn.toggle(function(){ //显示元素 }.function(){ //隐藏元素})
5.hasClass();
//等价于is()方法,返回true或false
获取HTML,文本和值
//类似于innerHTML属性
//类似于innerText属性
//类似于value属性
1.children("");
var $ul = $("ul").children();//children()只考虑子元素不考虑子元素的后代元素,参数进行筛选
//元素后紧邻的同辈元素
//元素前紧邻的同辈元素
4.siblings();
//匹配元素前后所有同辈元素
5.parent(''para");parents("para");closest("para")
//parent()从直接父级结点查找并返回一个父级元素
//parents()从从直接父级节点查找并返回多个祖先元素
//closest()从自身结点查找并返回第一个匹配元素
CSS-DOM操作
css("height");//获取单个属性值
css("backgroundColor","#fff");//设置单个属性值(驼峰命名法)
css({"fontSize":"30px","color":"red"});//设置多个属性值
css()中获得的高度宽度也是字符串
2.height(),width();
$("div").height()//获取
$("div").height(100);//设置100px
$("div").height(2em);//设置为2em
3.offset();
//获取当前元素相对于视窗的偏移量,其对象包含left,top两个属性
4.position();
//获取当前元素相对于最近的一个position属性设置为relative或absolute的祖父节点的相对偏移
5.scrollTop();scrollLeft();
//获取当前元素滚动条相距顶端/左端的距离
事件冒泡:嵌套元素中都绑定了事件,事件触发从最里层至最外层
event.stopPropagation()//阻止事件冒泡
event.preventDefault()//阻止事件默认行为
event.target//触发事件的元素
1.$(document).ready(function(){});$(function(){});$().ready(function(){});
//window.onload需要加载网页中所有元素,而$(document).ready()在DOM完全就绪时就可以调用
//window.onload只能保存对一个函数的引用,$(document).ready()可以多次调用
2.事件绑定
事件类型:blur,focus,load,resize,scroll,unload,click,dbclick,mousedown,mouseup,mouseover,mouseout,mouseenter,mouseleave,change,select,submit,keypress,keyup,error
bind(type,[data],fn);
var message = "text";
$("button").bind("click dbclick",{msg:message},function(event){//event:事件对象
$(this).show();//将事件主体DOM元素转换为jQ对象
alert(event.data.msg)})//data参数可选(一般不用
//可绑定多个事件
$(function(){
$("button").bind("mouseover",function(){
$(this).next().show();
}).bind("mouseout",function(){
$(this).next().hide();
`one()函数同bind()相同,但只触发一次`
3.移除事件
`//无参则删除所有绑定事件`
`//带一个参数则删除指定绑定事件`
`//两个参数则删除指定绑定事件的指定函数`
4.切换事件
1.hover(over,out);
$("a").hover(function(){
},function(){
//同mouseenter和mouseleave是等价的
2.toggle(fn,fn2,fn3,[...])
`//多个函数依次调用,一般用于2种状态切换`
5.模拟操作
trigger();
`$(#btn).trigger("click")//模拟单击操作`
6.自定义事件
- show();hide();toggle()
`show()将display为none的元素设置为display样式为先前的显示状态(如block或inline)`
`hide()将display设置为none`
`参数为时间,show()和hide()同时改变元素的高度,宽度,不透明度`
- fadeIn();fadeO
`//只改变不透明度,直至display为none或先前状态`
- slideUp();slideDown();slideToggle();
`//只改变高度,直至display为none或先前状态`
- animate(params,[duration],[easing],[callback])
$("#btn").click(function(){
$(this).animate({left:"400px",height:"200px",opacity:"1"},3000)
.animate({top:"200px",width:"200px"},3000.function(){
$(this.css("border","5px solid blue"));
//综合动画,最后一步改变css样式:通过回调函数(否则动画刚开始就会改变css样式)
- stop();delay()
`//太多了,自己翻书吧`
1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1.2不唐突的JS 1.2.1行为和结构分离
分为组织结构、样式、行为三部分。
任何存在与HTML页面内部的JS代码都是错误的。 1.3.1 JQuery包...
1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1.2不唐突的JS 1.2.1行为和结构分离
分为组织结构、样式、行为三部分。
任何存在与HTML页面内部的JS代码都是错误的。 1.3.1 JQuery包...
原文链接 http://blog.poetries.top//review-jQuery 首先,来了解一下jQuery学习的整体思路 jQuery系统学习篇-XMind源文件提供参考下载 jQuery笔记总结-XMind源文件提供参考下载 第一节 jQu...
一、基础选择器 $(&#my_id&)表示根据id选择器获取页面中指定的标签元素,且返回唯一一个元素。 jquery中获取网页内容的调用代码是$(&选择器&).html()jquery中修改显示内容的调用代码是$(&选择器&).html(&修改后的内容&)jquery中设置...
世人对张海笔法多所垢病,这幅里面也有几笔像张海那样的笔法,找找看,有哪几笔?和他又有什么不同?
&四年了我还是很喜欢这里&就好像十年后,我会说:“十年了我还是很喜欢你们”
今天下午坐车回家的时候,麻麻开车敲快,在高速上,我敲害怕,赶紧给政政说爱他,我怕,,,,,嗝屁了。。。。。
今天晚上跟政政视频啦哈哈哈哈哈哈
政政开心的牙龈都笑出来,我是不会承认政政是笑我脸大,哈哈
晚上我还看了泡沫剧,超浪漫跟脑残的,然后去洗漱了,回来看到政政给我...
21期青年初級班结业了,看着这群弟弟妹妹们,站在台上去表达只内心最真实的情感,讲出很少与父母讲的,甚至都没有跟父母讲过的三个字:我爱你那一刻每位父母的心都充满了喜悦和感动。多少孩子渴望父母走进自己的心,多少父母渴望孩子理解自己,然而为什么表达情感就那么难?
我想,最近的我,在你们看来,有点不太正常(^_^) 大多数时间都戴着耳机听歌,莫名其妙地傻笑,然后露出羞涩(?)与暗爽(?)结合的奇异表情。 从以前还比较含蓄的一日一说说(装逼)到现在的一日三四条,有些还没等你们点赞,就不见了。 于是,有点眼力见的人,就露出了会意的笑容:又...

我要回帖

更多关于 index函数的使用方法 的文章

 

随机推荐