jQuery知识点整理

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

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

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

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

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

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

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

alert(discount);//弹出信息

$("p").append("123");
若qwert
则运行后为qwert123

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>

频道导航

jQuery知识点整理

您可能感兴趣的文章: