jQuery
来源:互联网 发布:博世cms40简易编程 编辑:程序博客网 时间:2024/05/18 03:59
jQuery是一款免费开放源代码的JavaScript代码库;引入全新的DOM选择器引擎,同事提供UI库组件。
特点:轻量级;
强大的DOM选择器,简化JavaScript和ajax开发;
解决不同浏览器的兼容问题;
提供ui库组件,让界面开发更方便。
DOM对象转为jQuery对象互换:
var obj = document.getElementById("div1");
//DOM对象转化为jQuery对象
var jq = $(obj);
alert(jq.html());
jQuery对象转为DOM对象
var jq = $("#div1");
var obj = $(jq)[0];
alert(obj.innerHTML);
jQuery添加事件全部是现代事件添加,一个事件可以绑定多个函数。
jQuery按标记名称取值:
var msg = $("#div1 lable");
var msg = $("#div1").find("lable");
DOM按标记名称取值:
var div1 = document.getElmentById("div1");
取得第几个元素,返回DOM对象
alert($("#div lable")[1].innerHTML);
数组长度:
alert($("#div lable").size());
$("#div lable").each(function(index,data){
index为循环变量,data为数组中dom元素
得到原始dom对象
alert(this.innerHTML)
})
设置,获得标签中的内容(相当于innerHTML)
$("#div1").html("<p>aaa</p>");设置内容
alert($(""#div1).html);获得内容
设置,获得value值
$("#userName").value("张三");设置value值
alert($("userName").val());获得value值
显示。隐藏元素
$("p").show("slow");附加动画,显示元素
$("p").hide("slow");附加动画,隐藏元素
jQuery取消事件:
取消对象中的所有事件
$("p").unbind;
取消对象中的点击事件
$("p").unbind('click')
取消对象中的某一个单机事件
$("p").unbind('click',fun)
特点:轻量级;
强大的DOM选择器,简化JavaScript和ajax开发;
解决不同浏览器的兼容问题;
提供ui库组件,让界面开发更方便。
DOM对象转为jQuery对象互换:
var obj = document.getElementById("div1");
//DOM对象转化为jQuery对象
var jq = $(obj);
alert(jq.html());
jQuery对象转为DOM对象
var jq = $("#div1");
var obj = $(jq)[0];
alert(obj.innerHTML);
jQuery添加事件全部是现代事件添加,一个事件可以绑定多个函数。
jQuery按标记名称取值:
var msg = $("#div1 lable");
var msg = $("#div1").find("lable");
DOM按标记名称取值:
var div1 = document.getElmentById("div1");
取得第几个元素,返回DOM对象
alert($("#div lable")[1].innerHTML);
数组长度:
alert($("#div lable").size());
$("#div lable").each(function(index,data){
index为循环变量,data为数组中dom元素
得到原始dom对象
alert(this.innerHTML)
})
设置,获得标签中的内容(相当于innerHTML)
$("#div1").html("<p>aaa</p>");设置内容
alert($(""#div1).html);获得内容
设置,获得value值
$("#userName").value("张三");设置value值
alert($("userName").val());获得value值
显示。隐藏元素
$("p").show("slow");附加动画,显示元素
$("p").hide("slow");附加动画,隐藏元素
jQuery取消事件:
取消对象中的所有事件
$("p").unbind;
取消对象中的点击事件
$("p").unbind('click')
取消对象中的某一个单机事件
$("p").unbind('click',fun)
0 0
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQUERY
- jquery
- jQuery
- jquery
- jquery
- 微信公众号后台java开发实现自动回复机器人
- 例程与函数
- jquery-重要的方法和注意事项
- TextView实现复制、滑动、行数限制多余部分...表示
- Spring 事务的传播行为和隔离级别
- jQuery
- Bootstrap model的使用及点击外部不消失
- Java的File类中值得注意的细节问题
- 获取联系人
- swift 之structs相关的学习
- MySQL server has gone away
- 自定义ViewPager、HorizontalScrollView、Indicator实现可滑动的头部
- JavaScript
- QQ 聊天机器人小薇 1.0.1 发布!