jQuery知识点整理


Posted in Javascript onJanuary 30, 2015

slideUp();向上滑动//改变元素的高度的属性 直到高度为0从而将元素隐藏
slideDown();
slideToggle();
fadeOut();淡出//从不透明变透明
fadeIn()

function(){

$("span.Italian").toggle();

$("span.Italian").toggle();}

在一个function函数中加入两个toggle函数实现语言的切换

可以给一个元素同时应用多个这种选择器

将script标记放在最下面,只在</body>前面 因为脚本会带来一个问题,他们会阻塞浏览器中的并行下载。不同服务器的多个图像可以同时下载,一旦浏览器遇到一个<script>标记时,就不能再并行下载多个元素了。
放在下面有利于提高下载速度

var msg = "high score :<strong>"+pts+"</strong>"
//可以在变量中加入html标记

var discount = Math.floor((Math.random()*5)+5);//输出5-10之间的一个数
//math.random();获得0-1的随机数
//Math.floor(x);获得小于x的最大整数
var discount_msg = "<p>Your Discount is "+ discount +"%<p>";

alert(discount);//弹出信息

$("p").append("<strong>123</strong>");
若<p>qwert</p>
则运行后为<p>qwert<strong>123</strong></p>

jquery变量名要求
不能以数字开头,区分大小写,不能有任何数学运算符,不能有空格和标点符号。可以有下划线,

$(*)选择页面上的每一个元素

$(".guess_box").click(function(){
$(this).append("hahaha");
})
//当多个元素持有同一个class时 我只想要对我当前操作的元素进行处理时 可以使用 $(this)调用当前执行方法的那个对象

<ol>

<li>1</li>

<li>2</li>

</ol>

$("#btnRemove").click(function(){

$("li").remove();

});

$("li").remove();

jquery后代选择器

$("div p")选择div下的所有段落元素

$("div div")选取div下的所有div元素

$("div div img")选取div下div下的所有img元素

绑定事件的两种方式

$("#myElement").click(function(){

alert("click");

});

$("#myElement").bind('click',function(){

alert("click");

});

onblur();失去焦点

onchange()
//如果元素内容发生变化则触发某个方法

<html>

<head>

<script type="text/javascript">

function upperCase(x)

{

var y=document.getElementById(x).value

document.getElementById(x).value=y.toUpperCase()

}

</script>

</head>

<body>

输入您的姓名:

<input type="text" id="fname" onchange="upperCase(this.id)" />

</body>

</html>
Javascript 相关文章推荐
JavaScript继承方式实例
Oct 29 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
Jun 04 Javascript
javascript自然分类法算法实现代码
Oct 11 Javascript
jquery遍历checkbox介绍
Feb 21 Javascript
javascript实现字符串反转的方法
Feb 05 Javascript
jQuery实现首页顶部可伸缩广告特效代码
Apr 15 Javascript
为何JS操作的href都是javascript:void(0);呢
Nov 12 Javascript
JavaScript实现广告弹窗效果
Aug 09 Javascript
JavaScript用二分法查找数据的实例代码
Jun 17 Javascript
React从react-router路由上做登陆验证控制的方法
May 10 Javascript
原生js实现购物车
Sep 23 Javascript
vue自定义组件实现双向绑定
Jan 13 Vue.js
浅谈jquery回调函数callback的使用
Jan 30 #Javascript
jQuery修改class属性和CSS样式整理
Jan 30 #Javascript
javascript中AJAX用法实例分析
Jan 30 #Javascript
JavaScript基础函数整理汇总
Jan 30 #Javascript
JS解析XML实例分析
Jan 30 #Javascript
javascript中键盘事件用法实例分析
Jan 30 #Javascript
javascript中cookie对象用法实例分析
Jan 30 #Javascript
You might like
PHP中其实也可以用方法链
2011/11/10 PHP
摘自织梦CMS中的图片处理类
2015/08/08 PHP
Laravel中的Blade模板引擎示例详解
2017/10/10 PHP
Discuz! 6.1_jQuery兼容问题
2008/09/23 Javascript
JQuery一种取同级值的方式(比如你在GridView中)
2012/03/15 Javascript
JS实现图片预加载无需等待
2012/12/21 Javascript
javascript 日期时间 转换的方法
2013/02/21 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
2017/09/18 Javascript
Node.js进阶之核心模块https入门
2018/05/23 Javascript
小程序关于请求同步的总结
2019/05/05 Javascript
JavaScript如何借用构造函数继承
2019/11/06 Javascript
微信小程序实现横向滚动导航栏效果
2019/12/12 Javascript
nuxt.js 在middleware(中间件)中实现路由鉴权操作
2020/11/06 Javascript
[41:12]Liquid vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
Python实现Windows和Linux之间互相传输文件(文件夹)的方法
2017/05/08 Python
Django2.1集成xadmin管理后台所遇到的错误集锦(填坑)
2018/12/20 Python
Tensorflow分类器项目自定义数据读入的实现
2019/02/05 Python
python双向链表原理与实现方法详解
2019/12/03 Python
解决Jupyter因卸载重装导致的问题修复
2020/04/10 Python
Django models文件模型变更错误解决
2020/05/11 Python
python的Jenkins接口调用方式
2020/05/12 Python
python图片验证码识别最新模块muggle_ocr的示例代码
2020/07/03 Python
详解Tensorflow不同版本要求与CUDA及CUDNN版本对应关系
2020/08/04 Python
HTML5不支持frameset的两种解决方法
2016/11/14 HTML / CSS
澳大利亚优质的家居用品和生活方式公司:Bed Bath N’ Table
2019/04/16 全球购物
Vrbo西班牙:预订您的度假公寓(公寓、乡村房屋…)
2020/04/27 全球购物
实习自我鉴定模板
2013/09/28 职场文书
高中学生期末评语
2014/04/25 职场文书
12岁生日演讲稿
2014/05/14 职场文书
试用期转正员工自我评价
2014/09/18 职场文书
民主生活会对照检查材料范文
2014/10/01 职场文书
个人事迹材料怎么写
2014/12/30 职场文书
2015年政教主任工作总结
2015/07/23 职场文书
保护环境建议书作文500字
2015/09/14 职场文书
利用Pycharm连接服务器的全过程记录
2021/07/01 Python