您的位置:首页 > Web前端 > JQuery

jquery

2016-06-26 17:32 483 查看

优点:

1,轻量级。

2,强大的DOM选择器,简化javas和ajax开发。

3,解决不同浏览器兼容问题。

4,提供UI库组件,让页面开发更方便。

jquery对象和DOM对象互转:

一,dom转jquery

    var obj = document.getElementById("DIV1");

//DOM对象转化为jquery

var jq = $(obj);

alert(jq.html());

二,jquary转为DOM

 

jquery添加事件是现代事件添加,一个事件可绑定多个函数

AAAAAAAAAAAAA

元素选择器:A

AAAAAAAAAAAAA

按照标记名称查找元素:

1,var msg = $("#div label")//已知ID的情况下使用

2,var msg = $("#div").find("label")//不知道ID,查找使用

取得数据第几个元素,返回dom对象:

alert($("div label")[1].innerHTML);

数组长度:

alert($("div label").size())

遍历数组:

$("div label").each(function(index,data){

         index为循环变量,data为数组中的DOM元素

          //得到原始DOM对象

            aler(this.innerHTML)

     })

AAAAAAAAAA

元素设置AA

AAAAAAAAAA

设置,获取标签内容

$("#div").html("<p>aaa<p>")//设置内容

alert($("#div").html())//获得内容

设置,获取value值

$("#name").val("张三")//设置

alert($("#name").val())//获取

显示,隐藏元素

$("p").show("slow")//附加动画,显示元素

$("p").hide("slow")//附加动画,隐藏元素

AAAAAAAAAA

取消事件AA

AAAAAAAAAA

取消对象中的所有事件

$("p").unbind();

取消对象中所有点击事件

$("p").unbind("click")

取消对象中的某一个点击事件

$("p").unbind(,cllick',fun)

单选框和复选框判断是否被选中:checked

列表框和下拉框是否被选中:selected
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: