jQuery 获取input name 及常用

最新推荐文章于 2022-11-12 11:50:15 发布

Purgatory001

最新推荐文章于 2022-11-12 11:50:15 发布

阅读量4.9k

点赞数

分类专栏： jQuery 文章标签： jquery JavaScript

本文链接：https://blog.csdn.net/purgatory001/article/details/114012693

版权

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何使用JavaScript操作DOM元素，包括通过name属性获取input值，使用ID和类选择器获取元素，修改CSS样式和属性，以及显示和隐藏元素的方法。还涉及到AJAX的基础用法，如设置请求类型、URL、数据以及处理响应。

摘要由CSDN通过智能技术生成

/**获取 input 标签 name 属性为 goods_name 的 所有值
*有多个 goods_name 时 可以使用each 循环获取单个值
*也可以通过 $("input[name='goods_name']")[0].value; 获取个体值
*/
var goods_name=$("input[name='goods_name']").val();

//获取id为goods_name的值 ，id选择器
var goods_name=$("#goods_name").val();

//类选择器，获取class为goods_name的值
var goods_name=$(".goods_name").val();

//替换css样式
$("#showgoods").css("display","block");

//替换属性
$("#showgoods").attr("display","block");

//显示函数 -- 隐藏函数
 $("#showgoods").show(); $("#showgoods").hide();

//文档操作
//向所有段落中追加。 追加内容在标签里
$("p").append("<b>Hello</b>");//<p>I would like to say: <b>Hello</b></p>

//向所有段落结束后追加。追加内容在标签外，或者反包围标签
$("p").appendTo("div");//<div><p>I would like to say: </p></div>


//ajax       
//请求参数
        var list = {};
        //
        $.ajax({
            //请求方式
            type : "POST",
            //请求的媒体类型
            //contentType: "application/json;charset=UTF-8",
            contentType:"JSON",
            //请求地址
            url : "http://127.0.0.1/",
            //数据，json字符串
            //data : JSON.stringify(list),
            data : {name:value},
            //请求成功
            success : function(result) {
                console.log(result);
            },
            //请求失败，包含具体的错误信息
            error : function(e){
                console.log(e.status);
                console.log(e.responseText);
            }
        });


/**
*小白 help
*链接：https://pan.baidu.com/s/1ZjfnyWVuwGWT6CWY4rvjAg 
*提取码：0001 
*/