jQuery是个嘛玩意:

（一）选择器

 

1.基本选择器：

 

　　id选择器：#　　class选择器：.　　标签选择器：标签名

 

　　后代选择器：用,隔开　　后代选择器：用空格隔开

 

2.过滤选择器：

 

　　（1）基本过滤：

 

　　　　首个：first　　尾个：last　　任意个：eq(索引号)

 

　　　　大于：gt(索引号)　　小于：lt(索引号)　　排除：not(选择器)

 

　　　　奇数：odd　　偶数：evev

 

大于，小于，排除，奇数,偶数书写都要写在对象的里面：

 

排除：$(".div1:not('#div2')").click(function () {alert("aaa");});

 

大于：$(".div1:gt(1)").click(function () {

alert("aaa")});

 

 

 

　　（2）属性过滤：都需要书写在对象里面

 

　　　　属性名过滤：[属性名]　　属性值过滤：[属性名=值][属性名！=值]

 

　　（3）内容过滤　　都需要书写在对象里面

 

　　　　文字：contains("字符串")　　子元素：has("选择器")

 

（二）动画

 

1.show();hide(); ---- 显示和隐藏

 

　　例：点击按钮实现div的隐藏和显示　　　　

 

 

2.slideDown(), 放下效果  ; slideUp()  卷起效果    卷帘门效果，

 

例：

 

 

3.fadeIn(), 淡入    fadeOut()   淡出    淡入淡出的效果

 

例：

 

 

 4.自定义动画：

 

1.    格式：animate({left:"300px",top:"300px"},3000,function(){回调函数})

 

2.停止动画，防止动画累计：.stop();

 

 应用制作弹窗遮罩：

 

css样式代码：

 

#xws_tc {    width:340px;    background-color:white;    left:50%;    margin-left:-170px;    position:fixed; top:-500px; border-radius:10px; z-index:11; } #xws_top { background-color:yellow; height:35px; font-size:20px; font-weight:bold; text-align:center; line-height:35px; border-radius:10px 10px 0 0; } #xws-center { padding:10px; font-size:17px; text-align:center; background-color:white; } #xws-bottom{ position:relative; border-radius:10px 10px 0px 0px; height:40px; text-align:center; line-height:40px; width:100px; left:50%; margin-left:-50px; font-size:22px; cursor:pointer; } #xws-bottom:hover { background-color:red; } #zhezhao { height:100%; width:100%; background-color:black; display:none; position:fixed; top:0px; left:0px; opacity:0.3; z-index:10; }

 

页面代码：

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>    
        
          
      
 
        
       
 
        
         这里是标题
        
 
        
          啊沙发沙发阿士大夫撒萨法阿飞萨达四大撒旦撒啊实打实大师达到按时大大 
        
 
        
          确定