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学习笔记8 用JSON做原型
Jan 11 Javascript
关于js datetime的那点事
Nov 15 Javascript
jQuery Ajax请求状态管理器打包
May 03 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
Dec 10 Javascript
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
Feb 18 Javascript
javascript弹出层输入框(示例代码)
Dec 11 Javascript
JS设置获取cookies的方法
Jan 26 Javascript
angularJS 中input示例分享
Feb 09 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
May 08 Javascript
node简单实现一个更改头像功能的示例
Dec 29 Javascript
微信小程序下拉加载和上拉刷新两种实现方法详解
Sep 05 Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
Nov 07 Javascript
浅谈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 iconv 函数转gb2312的bug解决方法
2009/10/11 PHP
BOOM vs RR BO5 第三场 2.14
2021/03/10 DOTA
WEB页子窗口(showModalDialog和showModelessDialog)使用说明
2009/10/25 Javascript
IE浏览器打印的页眉页脚设置解决方法
2009/12/08 Javascript
JavaScript 通过模式匹配实现重载
2010/08/12 Javascript
ASP.NET中基于JQUERY的高性能的TreeView补充
2011/02/23 Javascript
jquery实现marquee效果(文字或者图片的水平垂直滚动)
2013/01/07 Javascript
js实现防止被iframe的方法
2015/07/03 Javascript
JS弹出对话框实现方法(三种方式)
2015/12/18 Javascript
基于jQuery实现点击弹出层实例代码
2016/01/01 Javascript
jQuery Validation Plugin验证插件手动验证
2016/01/26 Javascript
Bootstrap轮播插件简单使用方法介绍
2016/06/21 Javascript
javascript 内置对象及常见API详细介绍
2016/11/01 Javascript
网页中右键功能的实现方法之contextMenu的使用
2017/02/20 Javascript
flag和jq on 的绑定多个对象和方法(必看)
2017/02/27 Javascript
Nodejs之http的表单提交
2017/07/07 NodeJs
React-Native之定时器Timer的实现代码
2017/10/04 Javascript
vue实现在表格里,取每行的id的方法
2018/03/09 Javascript
vue+node实现图片上传及预览的示例方法
2018/11/22 Javascript
javascript面向对象三大特征之封装实例详解
2019/07/24 Javascript
nodejs读取图片返回给浏览器显示
2019/07/25 NodeJs
Node.js系列之连接DB的方法(3)
2019/08/30 Javascript
SpringBoot+Vue开发之Login校验规则、实现登录和重置事件
2020/10/19 Javascript
python中map、any、all函数用法分析
2015/04/21 Python
Python求两个文本文件以行为单位的交集、并集与差集的方法
2015/06/17 Python
对python pandas读取剪贴板内容的方法详解
2019/01/24 Python
建筑实习自我鉴定
2013/10/18 职场文书
九年级家长会邀请函
2014/01/15 职场文书
综合实践教学反思
2014/01/31 职场文书
团结就是力量演讲稿
2014/05/21 职场文书
学校纪律作风整改措施思想汇报
2014/10/11 职场文书
小学生交通安全寄语
2015/02/27 职场文书
2015年乡镇人大工作总结
2015/04/22 职场文书
2019年中,最受大众欢迎的6本新书
2019/08/07 职场文书
八年级作文之一起的走过日子
2019/09/17 职场文书
JavaScript+HTML实现学生信息管理系统
2021/04/20 Javascript