063JQ-基础选择器

$('li:first') :first 获取第一个li
:last 最后一个
:eq(index) 索引为几的
:odd 奇数索引
:even 偶数
<!-- 筛选方法 -->
$('li').parent(); 查询父级
$('ul').children("li") 相当于 亲儿子的ul>li
$('ul').find("li"); 相当于ul li
$('ul').siblings("") 查询除自己之外的兄弟节点
$('ul').nextAll()当前元素之后的所有的同辈元素
$('ul').prevAll()当前元素之前的所有的同辈元素
$('ul').hasClass("")检查当前的元素是否含有某个特定的类,如果有返回true
$('ul').eq(2); 等价 :eq(index) 索引为几的

jquery可以使用css方法来修改简单元素样式、也可以操作类、修改多个样式
1、参数只写属性名,则是返回属性值
$(this).css("color");
2、参数是属性名,属性值,逗号分开,是赋值,值如果是数字可以不用跟单位和引号
3、参数可以是对象形式,房间设置多组样式,属性名和属性值用冒号隔开,属性可以不用加引号
$(this).css("color":"white","font-size":"20px");backgroundColor 驼峰命名

<!-- 常用方式设置类样式方法 -->
类似之前的classList
$("div").addClass("current")//添加类
$("div").removeClass("current")//删除类
$("div").toggleClass("current")//切换类

<!-- 显示隐藏 show()hide()tiggle() -->
show([speed,[easing],[fn]])
speed三种预设的速度slow、normal、fast或者用1000毫秒数表示
easing 切换效果 默认swing 可用参数linear
fn回调函数,执行完动画后执行的函数


hide([speed,[easing],[fn]])
speed三种预设的速度slow、normal、fast或者用1000毫秒数表示
easing 切换效果 默认swing 可用参数linear
fn回调函数,执行完动画后执行的函数
<!-- 滑动 slideDown() slideUp()slideToggle() -->

<!-- 淡入淡出fadeIn()fadeOut()fadeToggle()fadeTo()修改透明度 -->
<!-- 自定义动画animate() -->
animate(params,[speed],[easing],[fn])
params想要更改的样式属性,以对象形式传递,必须写,属性名可以不带引号,如果是复合属性则需要采取u驼峰命名

<button>动起来</button>
<div></div>
<script src="js/jquery.min.js"></script>
<script>
    $(function () {
        $("button").click(function () {
            $("div").animate({
                left: 200, top: 300, opacity: .4
            }, 1500);
        }
        )
    })
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值