jquery学习

一、显示与隐藏

1、我们更多地是知道 隐藏是hide(),显示是show(),其实还有一个是toggle() 如果是隐藏状态,点击后则是显示。三个方法都可以添加参数,即是时间时长。

二、淡入淡出

1、fadeIn()、fadeOut() 淡入实在默认隐藏式淡入。可以添加时间即是 fadeIn(1000);即是一秒完成。也有 fadeToggle 即是 既可以淡入也可以淡出。fadeTo() 设置透明度。

三、滑动

1、slideDown() 滑动显示、slideUp() 滑动隐藏、 slideToggle() 切换

四、回调

1、即是在hide("参数一","参数二")。参数二可以写成一个方法名。即是在执行hide()后再去调用参数二方法。

五、jquery 操作HTML

1、 .text() 是获取文本信息,不会以标签的格式显示  .html 会获取标签、

第一种  .text()

<body>
        <p id="text">哈哈哈哈,测试<a>A标签</a></p>
        <button id="btn1">点击</button>
</body>

$(document).ready(function(){
    $('#btn1').click(function(){
        alert("text:"+$("#text").text());
    });
});

结果为 

第二种  .html

$(document).ready(function(){
    $('#btn1').click(function(){
        alert("text:"+$("#text").html());
    });
});

结果为


2   .val()   获取元素的 value 值,即是  例如 文本框便可以通过 val()获取。

3  .attr()  获取元素属性例如 a标签则可以attr("href") ,也可以获取id ,即是 attr("id");

3、在修改标签元素时,既可以使用.text()、也可以使用.html() 但是他们的区别是 .text("hello world");而 .html("<a>这里是A标签</a>");最后会以A标签使用

4、插入元素有 append()在后边插入 和 prepend() 在前边插入。还有before()和after(),这两个插入是换行插入。

5、删除元素  remove()  、empty() 。remove 是全部删除,而empty 是删除该元素的子元素。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值