bootbox

一.事件

请问jquery中$('element').click()、$('element').on('click',function(){});、$('element').bind('click',function(){});或者在原生的js中
dom.click=function(){};dom.addEventListener('click',function(){}，false);有什么本质区别吗？一直都不怎么理解其中的区别，望大神指点迷津。

 

  来源： https://zhidao.baidu.com/question/491925019294563932.html
 

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)
 
 

  

   
参数
描述
URL
必需。规定您需要请求的 URL。
data
可选。规定连同请求发送到服务器的数据。
function(data,status,xhr)
可选。规定当请求成功时运行的函数。
额外的参数：

       
data - 包含来自请求的结果数据
status - 包含请求的状态（"success"、"notmodified"、"error"、"timeout"、"parsererror"）
xhr - 包含 XMLHttpRequest 对象
dataType
可选。规定预期的服务器响应的数据类型。
默认地，jQuery 会智能判断。
可能的类型：
       
"xml" - 一个 XML 文档
"html" - HTML 作为纯文本
"text" - 纯文本字符串
"script" - 以 JavaScript 运行响应，并以纯文本返回
"json" - 以 JSON 运行响应，并以 JavaScript 对象返回
"jsonp" - 使用 JSONP 加载一个 JSON 块，将添加一个 "?callback=?" 到 URL 来规定回调

         

          来源： http://www.runoob.com/jquery/ajax-get.html
         
  
 

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("");

 
.html():读取和修改一个元素的HTML内容，详情.html()； 
.text()：读取和修改一个元素的文本内容，详情.text()； 
.val()：读取和修改一个表单元素的value字段值，详情.val()。

 freshData(lxrWxuid, wxuid, nickname);

获取属性 - attr()
jQuery attr() 方法用于获取属性值。
下面的例子演示如何获得链接中 href 属性的值：
实例
$("button").click(function(){
  alert($("#w3s").attr("href"));
});