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 相关文章推荐
js wmp操作代码小结(音乐连播功能)
Nov 08 Javascript
跨域传值即主页面与iframe之间互相传值
Dec 09 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
Jun 11 Javascript
JavaScript事件委托技术实例分析
Feb 06 Javascript
浅谈JavaScript中setInterval和setTimeout的使用问题
Aug 01 Javascript
jQuery使用正则表达式限制文本框只能输入数字
Jun 18 Javascript
基于vue.js快速搭建图书管理平台
Oct 29 Javascript
vue 挂载路由到头部导航的方法
Nov 13 Javascript
JS加密插件CryptoJS实现的Base64加密示例
Aug 16 Javascript
一文快速详解前端框架 Vue 最强大的功能
May 21 Javascript
关于layui toolbar和template的结合使用方法
Sep 19 Javascript
在vue中使用防抖函数组件操作
Jul 26 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
丧钟首部独立剧集《丧钟:骑士与龙》北美正式开播,场面血腥
2020/04/09 欧美动漫
PHP网页游戏学习之Xnova(ogame)源码解读(七)
2014/06/23 PHP
php通过各种函数判断0和空
2020/07/04 PHP
一文掌握PHP Xdebug 本地与远程调试(小结)
2019/04/23 PHP
一个JavaScript继承的实现
2006/10/24 Javascript
WordPress 插件——CoolCode使用方法与下载
2007/07/02 Javascript
js右键菜单效果代码
2007/07/21 Javascript
Javascript 作用域使用说明
2009/08/13 Javascript
JavaScript中valueOf函数与toString方法深入理解
2012/12/02 Javascript
JS实现清除指定cookies的方法
2014/09/20 Javascript
使用jquery提交form表单并自定义action的实现代码
2016/05/25 Javascript
jQuery简单实现中间浮窗效果
2016/09/04 Javascript
JavaScript中的子窗口与父窗口的互相调用问题
2017/02/08 Javascript
Bootstrap笔记之缩略图、警告框实例详解
2017/03/09 Javascript
javascript流程控制语句集合
2017/09/18 Javascript
关于jQuery里prev()的简单操作代码
2017/10/27 jQuery
VUE基于NUXT的SSR 服务端渲染
2018/11/30 Javascript
NUXT SSR初级入门笔记(小结)
2019/12/16 Javascript
JS+DIV实现拖动效果
2020/02/11 Javascript
JS判断浏览器类型与操作系统的方法分析
2020/04/30 Javascript
vue的webcamjs集成方式
2020/11/16 Javascript
python实现合并两个数组的方法
2015/05/16 Python
Python中文分词实现方法(安装pymmseg)
2016/06/14 Python
使用Django清空数据库并重新生成
2020/04/03 Python
pytorch 计算Parameter和FLOP的操作
2021/03/04 Python
CSS3制作炫酷的自定义发光文字
2016/03/28 HTML / CSS
html5 Canvas绘制线条 closePath()实例代码
2012/05/10 HTML / CSS
极简的HTML5模版
2015/07/09 HTML / CSS
StubHub墨西哥:购买和出售您的门票
2016/09/17 全球购物
澳大利亚宠物食品和药物在线:Jumbo Pets
2018/03/24 全球购物
家长学校实施方案
2014/03/15 职场文书
餐饮服务食品安全责任书
2014/07/25 职场文书
2016幼儿园教师年度考核评语
2015/12/01 职场文书
pycharm 如何查看某一函数源码的快捷键
2021/05/12 Python
opencv 分类白天与夜景视频的方法
2021/06/05 Python
Python 操作pdf pdfplumber读取PDF写入Exce
2022/08/14 Python