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


    jquery 获取元素  参考:http://www.w3school.com.cn/jquery/jquery_selectors.asp

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

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

       (3)$(this) 当前对象

    1 $(function(){
    2   $("p").click(function(){
    3     $(this).hide();
    4   });
    5 });

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

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

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

    2.操作

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

      (2)

     1 $(document).ready(function(){
     2   $("#btn1").click(function(){
     3     $("#test1").text("Hello world!");
     4   });
     5   $("#btn2").click(function(){
     6     $("#test2").html("<b>Hello world!</b>");
     7   });
     8   $("#btn3").click(function(){
     9     $("#test3").val("Dolly Duck");
    10   });
    11 });

      (3)attr  

    1 $("button").click(function(){
    2   $("img").attr("width","180");
    3 });
    1 $(selector).attr({attribute:value, attribute:value ...})
    2 $(selector).attr(attribute,function(index,oldvalue))
    3 $(selector).attr(attribute,value)
    $(selector).attr(attribute)

    $(".clsdiv")

  • 相关阅读:
    Cookie
    JS开发常用工具函数
    手动搭建Vue之前奏:搭建webpack项目
    Redis的下载与安装
    Redis官方Tutorial
    Redis之datatype概述
    18 SQL优化
    16 SQL Mode
    17 MySQL的小技巧
    14 事务控制和锁定语句
  • 原文地址:https://www.cnblogs.com/loveok-56/p/6903372.html
Copyright © 2020-2023  润新知