一.事件
请问jquery中$('element').click()、$('element').on('click',function(){});、$('element').bind('click',function(){});或者在原生的js中 dom.click=function(){};dom.addEventListener('click',function(){},false);有什么本质区别吗?一直都不怎么理解其中的区别,望大神指点迷津。
jquery的click表示点击事件,这个很好理解,on和bind都是表示绑定一个事件,bind是jquery1.7以前的版本方法,
从1.7开始,推出了on方法表示绑定,bind(),live()和delegate()都用了on()来表示,
所以说on是bind的替代者。
dom.click只是点击方法的实现,addEventListener可以监听同个元素的多个事件,而不只是click,还支持事件的回调函数,功能强大
$('.picture').on('click', function () {
通过jquery的类选择器,选中 class=picyure的类,然后on 绑定click事件,执行function函数
$.get('/admin/wechatMessage/show/picture', function (result) {
$.get() 方法使用 HTTP GET 请求从服务器加载数据。
'/admin/wechatMessage/show/picture'
必选,请求的url
function (result)
可选当请求成功时运行的函数
语法
$.get( URL,data,function(data,status,xhr),dataType)
bootbox.dialog({
启动盒子.对话框
message: result,
消息:结果 //I am a custom confirm,我是一个定制的确认
buttons: {
按钮,
bootbox.dialog({
message: "I am a custom confirm", //我是一个自定义的确认
title: "Confirm title", //确认标题
buttons: { //按钮
Cancel: { //取消
label: "Cancel", //标签:取消
className: "btn-default", // 类名:btn-default
callback: function () { //回调:函数(){}
alert("Cancel");
}
}
, OK: {
label: "OK",
className: "btn-primary",
callback: function () {
alert("OK");
}
}
}
});
ok: {
ok按钮
label: '发送',
标签
className: 'btn-ok',
类名
callback: function () { var voiceId = $("input:checked").val(); Amaz.xhrPost('/admin/wechatMessage/show/voice/reversion', { lxrWxuid: lxrWxuid, wxuid: wxuid, voiceId: voiceId, _method: 'post' }, function () { $("#Record_Div").html(""); freshData(lxrWxuid, wxuid, nickname); }); }
回调函数
var voiceId = $("input:checked").val();
var一个变量,获得音频的id
Amaz.xhrPost('/admin/wechatMessage/show/voice/reversion', { lxrWxuid: lxrWxuid, wxuid: wxuid, voiceId: voiceId, _method: 'post' }, function () { $("#Record_Div").html(""); freshData(lxrWxuid, wxuid, nickname); });
发送ajax ,url,data,function
$("#Record_Div").html("");
freshData(lxrWxuid, wxuid, nickname);
获取属性 - attr()
jQuery attr() 方法用于获取属性值。
下面的例子演示如何获得链接中 href 属性的值:
实例
$("button").click(function(){ alert($("#w3s").attr("href")); });