jQuery常用API
来源:互联网 发布:js获取input file对象 编辑:程序博客网 时间:2024/06/06 15:43
- 准备
所有jQuery方法都是由$开始的,通常称作为 美元符号,或者简称为bling。
语法如下<script>$(document).ready(function(){});</script>
- jQuery 使用选择器获取HTML元素
jQuery通过选择器来选择一个元素的,然后操作元素做些改变。
添加按钮回弹效果$("button")来选中按钮用.addClass("animated bounce")给按钮加CSS class。<script>$(document).ready(function() {$("button").addClass("animated bounce");});</script>
jQuery使用addClass()方法给元素加class
$(".well").addClass("animated shake");
jQuery根据id属性来获取元素
- 渐变隐藏效果
$("#target3").addClass("animated fadeOut");
三种选择器
- 元素选择器:
$("button")
- class选择器:
$(".btn")
- id选择器:
$("#target1")
- 元素选择器:
使用jQUery删除HTML元素的class
$("#target2").removeClass("btn-default");
使用jQUery改变HTML元素的css样式
- 选择器.css(“属性”,”值”);
$("#target1").css("color","red");
使用jQUery设置元素不可用
$("#target1").prop("disabled",true);
jQuery使用text()改变文本内容
<em></em>
[emphasize]标签来重写和强调标题文本.text()
它只能改变文本但不能修改标记$("#target4").html("<em>#target4</em>");
使用jQuery删除一个html元素
$(#target4).remove();
jQuery使用appendTo()移动html元素
- 把元素从一个div里移到另外一个div里
$("#target2").appendTo("#right-well");
jQuery使用clone()方法拷贝元素
- 移动元素就是剪切,拷贝元素就是复制,所以应该就是clone一个,然后移动过去。
$("#target5").clone().appendTo("#left-well");
jQuery使用parent()操作父级元素
$("#target1").parent().css("background-color","red");
jQuery使用children()操作子级元素
$("#right-well").children().css("color","orange");
jQuery使用target:nth-child(n) CSS选择器索引操作元素
:nth-child()
按照顺序索引是从1开始的$(".target:nth-child(2)").addClass("animated bounce")
;
jQuery使用选择器操作j索引元素
- jQuery里的索引是从0开始的
$(".target:even").addClass("animated shake");
$(".target:odd").addClass("animated shake");
使用jQuery修改整个页面
$("body").addClass("animated hinge");
$("body").addClass("animated fadeOut");
0 0
- jQuery常用Method-API
- jQuery常用Event-API
- jQuery常用API
- jQuery常用AJAX-API
- jQuery常用方法的API
- jQuery常用事件的API
- 总结一下JQuery的常用API
- jquery 不常用但重要的api
- jQuery常用的ajax-api-load()方法
- jQuery常用的ajax-api-$.ajax()方法
- jQuery常用的ajax-api-$.post()/$.get()方法
- jQuery API
- jquery api
- jquery api
- jQuery API
- 一个页面温习jQuery效果及jQuery文档操作里的常用API
- jQuery:jQuery UI API
- 常用API
- url的三个js编码函数escape(),encodeURI(),encodeURIComponent()简介
- JAVA 自定义文字生成图片
- UML及思维导图的理解与使用
- plsql定时任务执行存储过程
- Android Camera、Camera2详解
- jQuery常用API
- 对前面信息管理系统的完善
- Codeforces 548C
- Vue.js学习系列(二)---配置开发环境
- [算法系列之十八]海量数据处理之BitMap
- 数据库和持久化方案
- 读QT5.7源码(四)QMetaMethod 和 QMetaMethodPrivate
- Leetcode刷题记—— 84. Largest Rectangle in Histogram(柱形图中最大矩形面积)
- CS0122号错误是什么