Jquery二

基本选择器
#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){
  });























































评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值