JQuery：帮助$（“＃div”）

Question

我刚刚开始使用JQuery，因此，我正在清理我的旧代码，以便在整个过程中使用JQuery。

问题：如何将以下代码转换为使用JQuery？

// enable the other link
document.getElementById("asc").setAttribute("href", "#");
document.getElementById("asc").onclick = function() {displayHomeListings("asc")};
document.getElementById("asc").style.textDecoration = "none"

//disable this link
document.getElementById("desc").removeAttribute("href");
document.getElementById("desc").onclick = "";
document.getElementById("desc").style.textDecoration = "underline"

Answer 1

$('#asc').attr('href', '#').click(function() {
    displayHomeListings('asc');
}).css('text-decoration', 'none');

你可以弄清楚另一个，虽然我通常建议addClass和removeClass而不是直接搞乱CSS样式。如果你只是href在点击功能中，你也不需要弄乱return false;，同时让实际HTML中的href变得优雅地降级。

Answer 2

$("#asc").attr("href", "#")
         .css("text-decoration", "none")
         .click(function(e) {
              e.preventDefault();
              displayHomeListings("asc");
              return false;
         });

$("#desc").removeAttr("href")
         .css("text-decoration", "underline")
         .unbind("click");

Answer 3

$('#asc').attr('href', '#').click(function() {
  displayHomeListings('asc');
  return false;
}).css('text-decoration', 'none');

$('#desc').attr('href', '').unbind('click').css('text-decoration', 'underline');

虽然，假设#desc href设置为'＃'，你根本不需要清除那个。

Answer 4

$('#asc').attr('href','#');
$('#asc').click(function() {displayHomeListings("asc")});
$('#asc').css('text-decoration','none');

$('#desc').attr('href','');
$('#desc').unbind('click');
$('#desc').css('text-decoration','underline');