Jquery二
来源:互联网 发布:java 当前时间小时 编辑:程序博客网 时间:2024/06/05 18:41
基本选择器
#id
.className
div
,:和的意思
*:拿所有的节点
层次选择器,后代选择器
空格:表示后代的意思
>:表示儿子
+:表示下一个兄弟
~:表示下面的所有兄弟
数量过滤选择器
:eq(?)---找第?个节点
:lt(?)---找位置小于?的节点,如,:lt(2)的意思就是找位置小于2的节点
:gt(?)---找位置大于?的节点,如,:gt(2)的意思就是找位置大于2的节点
:first---找第一个
:last----找最后一个
:odd-----找奇数个,以”下标“为标准
:even----找偶数个,以”下标“为标准
排除选择器
:not(???)---排除掉???的,只拿剩下的,如:not(div),排除了div,剩下的拿出来
属性选择器
[???]---意思就是找包含属性???的节点,如[id]就是找包含属性id的节点
[class=abc]---意思就是找属性class等于abc的节点
[class^=a]
[class$=a]
[class!=a]
[][][][]
可见选择器
:visible----选择所有可见的标签节点
:hidden-----选择所有不可见的标签节点
其它选择器
:checked----选择所有选中的
:not(:checked)---没选中的
方法讲解前的一些基础知识
1.dom类型结点
document.getElementById("id");--一个dom节点对象
document.getElementsByName("name")--一组的dom节点对象
document.getElementsByTagName("tagName")--一组
document.getElementsByClass("className")--一组
2.JQuery类型结点
$("选择器")---jquery类型节点,它可以表示一个节点,也可以表示一组节点
3.dom->jquery----->$(dom)
4.jquery-->dom--->jquery[0]
5.循环
jquery方法
针对节点
1.增,删除
2.查询
3.属性操作
4.样式操作
5.针对节点文本的操作
6.事件绑定的方法
7.关于ajax的方法
8.关于动画的方法
1.增,删除
增:老爸.append(儿子); 老爸.prepend(儿子),兄弟.after(新兄弟),兄弟.before(新兄弟);
儿子.appendTo(老爸);儿子.prependTo(老爸),新兄弟.insertAfter(兄弟),新兄弟.insertBefore(兄弟)
xxx.wrap(xx),xxx.wrapAll(xx),xxx.wrapInner(xx)
删:remove
2.查询
查询:find("选择器")查后代,next()下一个,prev()上一个,siblings(),//closest("div"),nextAll(),prevAll(),parent()
3属性操作
通用方法:attr("属性名","属性值")改属性---attr("属性名")读属性
:removeAttr("属性名")
专用方法:val():专读写value属性的值
:css():专改style属性
:height():专改style属性中的height,也可读
:width():
:offset() 了解(相对定位找位置)
:position() 了解(绝对定位找位置)
:scrollTop()拿滚动了多高
:scrollLeft()拿滚动的横向距离
:广告题:1.写html,其中一大层(撑大网页),一小层(广告)
2.写css.其中大层宽高很厉害,小层绝对定位
3.写javascript.在窗体加载时,记录层的初始位置
4.写javascript.在窗体滚动时,改变层的位置=初始高度+滚动高度
:addClass("a")增加一个类<input class="a" />
:removeClass("a")<input />,removeClass()删除所有类
4.样式操作
:hasClass():判断是否有某类
5.针对节点文本的操作
:html()读文本,写文本都可以
6.事件绑定的方法
:事件名去掉on(方法)
:bind("事件名",方法)
:unbind("事件名")解除事件绑定
:建议:还要看看书里面关于事件的讲解
7.循环
1.第一种循环方式
for(var i=0;i<$("li").length;i++){
}
2.第二种循环方式
$("li").each(function(i,o){
});
#id
.className
div
,:和的意思
*:拿所有的节点
层次选择器,后代选择器
空格:表示后代的意思
>:表示儿子
+:表示下一个兄弟
~:表示下面的所有兄弟
数量过滤选择器
:eq(?)---找第?个节点
:lt(?)---找位置小于?的节点,如,:lt(2)的意思就是找位置小于2的节点
:gt(?)---找位置大于?的节点,如,:gt(2)的意思就是找位置大于2的节点
:first---找第一个
:last----找最后一个
:odd-----找奇数个,以”下标“为标准
:even----找偶数个,以”下标“为标准
排除选择器
:not(???)---排除掉???的,只拿剩下的,如:not(div),排除了div,剩下的拿出来
属性选择器
[???]---意思就是找包含属性???的节点,如[id]就是找包含属性id的节点
[class=abc]---意思就是找属性class等于abc的节点
[class^=a]
[class$=a]
[class!=a]
[][][][]
可见选择器
:visible----选择所有可见的标签节点
:hidden-----选择所有不可见的标签节点
其它选择器
:checked----选择所有选中的
:not(:checked)---没选中的
方法讲解前的一些基础知识
1.dom类型结点
document.getElementById("id");--一个dom节点对象
document.getElementsByName("name")--一组的dom节点对象
document.getElementsByTagName("tagName")--一组
document.getElementsByClass("className")--一组
2.JQuery类型结点
$("选择器")---jquery类型节点,它可以表示一个节点,也可以表示一组节点
3.dom->jquery----->$(dom)
4.jquery-->dom--->jquery[0]
5.循环
jquery方法
针对节点
1.增,删除
2.查询
3.属性操作
4.样式操作
5.针对节点文本的操作
6.事件绑定的方法
7.关于ajax的方法
8.关于动画的方法
1.增,删除
增:老爸.append(儿子); 老爸.prepend(儿子),兄弟.after(新兄弟),兄弟.before(新兄弟);
儿子.appendTo(老爸);儿子.prependTo(老爸),新兄弟.insertAfter(兄弟),新兄弟.insertBefore(兄弟)
xxx.wrap(xx),xxx.wrapAll(xx),xxx.wrapInner(xx)
删:remove
2.查询
查询:find("选择器")查后代,next()下一个,prev()上一个,siblings(),//closest("div"),nextAll(),prevAll(),parent()
3属性操作
通用方法:attr("属性名","属性值")改属性---attr("属性名")读属性
:removeAttr("属性名")
专用方法:val():专读写value属性的值
:css():专改style属性
:height():专改style属性中的height,也可读
:width():
:offset() 了解(相对定位找位置)
:position() 了解(绝对定位找位置)
:scrollTop()拿滚动了多高
:scrollLeft()拿滚动的横向距离
:广告题:1.写html,其中一大层(撑大网页),一小层(广告)
2.写css.其中大层宽高很厉害,小层绝对定位
3.写javascript.在窗体加载时,记录层的初始位置
4.写javascript.在窗体滚动时,改变层的位置=初始高度+滚动高度
:addClass("a")增加一个类<input class="a" />
:removeClass("a")<input />,removeClass()删除所有类
4.样式操作
:hasClass():判断是否有某类
5.针对节点文本的操作
:html()读文本,写文本都可以
6.事件绑定的方法
:事件名去掉on(方法)
:bind("事件名",方法)
:unbind("事件名")解除事件绑定
:建议:还要看看书里面关于事件的讲解
7.循环
1.第一种循环方式
for(var i=0;i<$("li").length;i++){
}
2.第二种循环方式
$("li").each(function(i,o){
});
0 0
- JQuery(二)
- Jquery(二)
- Jquery二
- Jquery(二)
- JQuery二
- JQuery二、
- Jquery(二)jquery选择器
- jquery 学习 二 DOM & JQUERY
- jQuery学习 二 jQuery 效果
- jQuery使用手册(二)
- jquery中文乱码二
- jQuery使用手册(二)
- JQuery笔记(二)-选择器
- jquery教程二:属性
- jquery学习笔记(二)
- jQuery总结(二)
- jQuery学习笔记二
- jquery基础(二)
- Android学习笔记:使用Intent切换活动
- pta 地下迷宫探索
- Android静态安全检测 -> Broadcast Receiver组件暴露
- android中开启子线程
- linux下sybase数据库的常用操作
- Jquery二
- 在Mac下Shell Script问题集
- PAT乙级练习题B1052. 卖个萌
- LoadRunner11关联(Correlation)实例一则
- ORACLE INDEX
- 鸟哥Linux私房菜_笔记_Chapter5
- ViewPager实现页卡的最新方法--简洁的TabLayout(谷歌支持包)
- SAS集成Hadoop途径几何?
- Android View状态保存