相关疑难解决方法(0)

.prop()vs .attr()

所以jQuery 1.6具有新功能prop().

$(selector).click(function(){
    //instead of:
    this.getAttribute('style');
    //do i use:
    $(this).prop('style');
    //or:
    $(this).attr('style');
})
Run Code Online (Sandbox Code Playgroud)

或者在这种情况下,他们做同样的事情?

如果我有转用prop(),所有的旧attr()电话,如果我切换到1.6将打破?

UPDATE

selector = '#id'

$(selector).click(function() {
    //instead of:
    var getAtt = this.getAttribute('style');
    //do i use:
    var thisProp = $(this).prop('style');
    //or:
    var thisAttr = $(this).attr('style');

    console.log(getAtt, thisProp, thisAttr);
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<div id='id' style="color: red;background: orange;">test</div>
Run Code Online (Sandbox Code Playgroud)

(另见这个小提琴:http://jsfiddle.net/maniator/JpUF2/)

控制台会记录getAttribute作为一个字符串,并attr作为一个字符串,但prop作为一个CSSStyleDeclaration,为什么?这对我未来的编码有何影响?

javascript jquery dom prop attr

2249
推荐指数
14
解决办法
57万
查看次数

HTML中的属性和属性有什么区别?

在jQuery 1.6.1中进行了更改之后,我一直在尝试在HTML中定义属性和属性之间的区别.

查看jQuery 1.6.1发行说明(靠近底部)的列表,似乎可以按如下方式对HTML属性和属性进行分类:

  • 属性:所有具有布尔值或UA计算的值,例如selectedIndex.

  • 属性:可以添加到既不是布尔值也不包含UA生成值的HTML元素的"属性".

思考?

html javascript dom properties

353
推荐指数
6
解决办法
16万
查看次数

加载回调后jQuery ui对话框更改标题

我在此UI对话框中提交表单后,我想从UI对话框中更改标题.所以在load我应该建议之后的回调函数中,但我已经尝试过google而没有结果.

有人有想法吗?

javascript jquery jquery-ui jquery-dialog

111
推荐指数
2
解决办法
13万
查看次数

是否可以格式化HTML工具提示(标题属性)?

是否可以格式化HTML工具提示?

例如,我有一个属性title ="foo!"的DIV.当我的浏览器文本大小放大或缩小时,工具提示的文本大小保持不变.有没有办法使用浏览器设置进行工具提示字体缩放?

html tooltip

77
推荐指数
4
解决办法
16万
查看次数

如何使用jquery更改div标题

我有以下代码:

<div id="DivPassword" title="test" > 
Run Code Online (Sandbox Code Playgroud)

我想更改div标题,我有以下代码:

 function ChangeAttribute() {
         $("#DivPassword")
            .attr('title', 'Photo by Kelly Clark');
         $('#DivPassword').dialog('open');
         return false;
     }
Run Code Online (Sandbox Code Playgroud)

打开对话框时,标题仍在测试中!如果我没有为div分配任何标题,则对话框不显示任何标题.我怎么能纠正这个?


 function ChangeAttribute() {
         $("#DivPassword")
            .attr('title', 'Photo by Kelly Clark')
            .dialog('open');

         alert($("#DivPassword").attr('title'));
     }

$('#DivPassword').dialog({
             autoOpen: false,
             width: 800,
             buttons: {
                 "Cancel": function() {
                     $(this).dialog("close");
                 },
                 "Accept": function() {
                 alert($(this).attr('title'));
                     $(this).dialog("close");
                 }
             }
         });
Run Code Online (Sandbox Code Playgroud)
 <script type="text/javascript">
     var Dtitle;
     $(function() {
        $('#DivPassword').dialog({

             autoOpen: false,
             width: 800,
             title : Dtitle,
             buttons: {
                 "Cancel": function() {
                     $(this).dialog("close");
                 },
                 "Accept": function() {
                     $(this).dialog("close");
                 }
             }
         }); …
Run Code Online (Sandbox Code Playgroud)

jquery

17
推荐指数
3
解决办法
6万
查看次数

jQuery 在单击时更改原始标题文本?

我有这个 html 行:

<div class="hide-btn top tip-s" original-title="Close sidebar"></div>
Run Code Online (Sandbox Code Playgroud)

当用户点击它时,我希望文本更改为“打开侧边栏”,我该怎么做?

这是我的JS:

$(".hide-btn").click(function(){
    if($("#left").css("width") == "0px"){
        $("#left").animate({width:"230px"}, 500);
        $("#right").animate({marginLeft:"250px"}, 500);
        $("#wrapper, #container").animate({backgroundPosition:"0 0"}, 500);
        $(".hide-btn.top, .hide-btn.center, .hide-btn.bottom").animate({left: "223px"}, 500, function() { $(window).trigger("resize");});
    }
    else{
        $("#left").animate({width:"0px"}, 500);
        $("#right").animate({marginLeft:"20px"}, 500);
        $("#wrapper, #container").animate({backgroundPosition:"-230px 0px"}, 500);
        $(".hide-btn.top, .hide-btn.center, .hide-btn.bottom").animate({left: "-7px"}, 500, function() { $(window).trigger("resize");});
    }
});
Run Code Online (Sandbox Code Playgroud)

感谢您的时间!

jquery text click

2
推荐指数
1
解决办法
8962
查看次数

标签 统计

jquery ×4

javascript ×3

dom ×2

html ×2

attr ×1

click ×1

jquery-dialog ×1

jquery-ui ×1

prop ×1

properties ×1

text ×1

tooltip ×1