【freecodecamp】jQuery知识点
来源:互联网 发布:adobe pro mac 破解版 编辑:程序博客网 时间:2024/05/09 02:47
jQuery
一、准备
<script>
$(document).ready(function(){
语句……
});
</script>
二、使用
选择器跟CSS相同。元素选择器:$("button")、class选择器:$(".btn")、id选择器:$("#target1")
加类:$("button").addClass("animated bounce");
删除类:$("#target2").removeClass("btn-default");
改变CSS:$("#target1").css("color", "blue");
按钮不可选:$("button").prop("disabled", true);
改变HTML:.html()方法可以添加HTML标签和文字到元素,而元素之前的内容都会被方法的内容所替换掉。.text(),它只能改变文本但不能修改标记。换句话说,这个方法只会把传进来的任何东西(包括标记)当成文本来显示。
删除HTML元素:.remove();
剪切元素:$("#target4").appendTo("#left-well");
复制元素:$("#target2").clone().appendTo("#right-well");
父元素:.parent()
子元素:
示例:获取class为target且索引为奇数的所有元素,并给他们添加class。
$(".target:odd").addClass("animated shake");
记住,jQuery里的索引是从0开始的,也就是说::odd 选择第2、4、6个元素,因为target#2(索引为1),target#4(索引为3),target6(索引为5。even选择1,3,5个元素
jQuery 用CSS选择器来选取元素,target:nth-child(n) CSS选择器允许你按照索引顺序(从1开始)选择目标元素的所有子元素。
示例:你可以给目标元素的第三个子元素添加bounce class。
$(".target:nth-child(3)").addClass("animated bounce");
- 【freecodecamp】jQuery知识点
- freeCodeCamp:jQuery
- freeCodeCamp-jQuery
- 【freecodecamp】HTML5和CSS知识点
- Jquery 知识点
- Jquery知识点
- Jquery知识点
- JQuery知识点
- jquery知识点
- jQuery知识点
- jquery知识点
- JQuery知识点
- JQuery知识点
- Mutations|FreeCodeCamp
- jquery知识点大全
- jquery知识点大全
- jquery常用知识点
- jquery选择器的知识点
- 汽车夜视辅助系统和自适应前照明系统
- 设计模式书籍推荐
- mysql.log清理一则
- HttpClient4.5常用设置
- 读取txt格式文件输出(点击下载txt模板)
- 【freecodecamp】jQuery知识点
- CoreData在项目中的简单实用(1)
- Crossed Ladders(二分)
- java 多态
- hdu 1075 What Are You Talking About
- 遍历两个集合去除相同的ID
- 关于搜索中,从一个时间点到另一个时间点的sql,网上的太乱,而且逻辑很复杂,个人整理了一下
- 第三篇,framework里启动某服务并对第三方apk提供jar包接口
- 为什么在训练神经网络时候比较适合使用交叉熵错误率,而不是分类错误率或是均方差