jquery

来源:互联网 发布:dns的默认端口 编辑:程序博客网 时间:2024/05/21 11:31


优点:
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

0 0
原创粉丝点击