您的位置:首页 > Web前端 > JQuery

jquery 获取及操作元素 (常用)

2017-05-25 13:53 274 查看
jquery 获取元素 参考:http://www.w3school.com.cn/jquery/jquery_selectors.asp

1.(1)$(document).ready() -->$()-->$ 整个文档

(2)$("p") $("button") html标签

(3)$(this) 当前对象

$(function(){
  $("p").click(function(){
    $(this).hide();
  });
});


  (4)根据id获取对象 $("#divs")

  (5)根据class获取对象 $(".clsdiv")

  (6)根据name获取对象 $("[name='sql']")

2.操作

  (1)$("[name='sql']").css({"color" : "gray"});

  (2)

$(document).ready(function(){
$("#btn1").click(function(){
$("#test1").text("Hello world!");
});
$("#btn2").click(function(){
$("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
$("#test3").val("Dolly Duck");
});
});


  (3)attr

$("button").click(function(){
$("img").attr("width","180");
});


$(selector).attr({attribute:value, attribute:value ...})
$(selector).attr(attribute,function(index,oldvalue))
$(selector).attr(attribute,value)


$(selector).attr(attribute)


$(".clsdiv")
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: