JQuery(一)

标签：

JQuery是在JS的基础上做了封装

- 1.兼容性
- 2.简洁
- 3.小巧
- 4.应用广泛

JQuery转js $();
js转JQuery get();

**选择器：**

- $("p")选取全部p元素。

- $("p.intro") 选取所有包含class为"intro"的 p 元素。

- $("#demo") 选取 id为"demo" 的元素。

- $("[href]") 选取所有带有 href 属性的元素。

- $("[href=‘#‘]") 选取所有带有 href 值等于 "#" 的元素。

- $("[href!=‘#‘]") 选取所有带有 href 值不等于 "#" 的元素。

- $("[href$=‘.jpg‘]") 选取所有 href 值以 ".jpg" 结尾的元素。

- $("[href^=‘/imgaes/‘]") 选取所有 href 值以 /imgaes/" 开头的元素。



**常用的函数方法**
    bind(type,[data],fn) 为匹配元素绑定事件

    代码：
    $("p").bind("click", function(){
      alert( $("p").html());
    }); 

    css(name,value)  为元素设置样式
    代码：
    $("p").css("color","red");
    如果多种样式，
    $("p").css({
        "color"："red",
        "border":"1px solid blue",
        "width":"100px",
        "height":"100px",
    });

    addClass(class)和removeClass(class) 添加样式和去除样式，实现动态的样式效果。  
    代码：
    $(".stripe tr").bind("mouseover", function(){
     $(this).addClass(class);
    或者
     $(this).removeClass(class);
    }); 

    attr(key,value)  向元素添加属性
    代码:
    $("img").attr("src","test.jpg");

    appendTo(content) 把匹配的元素添加到另一个指定的元素中。
    代码
    $(A).appendTo(B) 将A添加到B元素中，这里的添加等于是把A移动到B元素中。

JQuery(一)

标签：

原文地址：http://www.cnblogs.com/ddzhao1989/p/4695770.html