精华内容
下载资源
问答
  • id选择器也是基本的选择器,jQuery内部使用JavaScript函数document.getElementById()来处理ID获取id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个D
    jquery选择器特别丰富,先介绍三种,以后补充。

    1、id选择器:一个用来查找的ID,即元素的id属性
    描述:$( "#id" )
    id选择器也是基本的选择器,jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。

    id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的。

    补充一点,js的document.getElementById和jquery的id选择器有一点区别,但是也能使用,例子如下:

    <input name="VehicleNo"type="hidden" id="VehicleNo" value="123000" />

    <script type="text/javascript">

                       var uid = document.getElementById("VehicleNo");//js获取上面的id

                       var uid2 = $("#VehicleNo");//jquery获取上面的id

                       var uidvalue = uid.value;//js获取value值123000

                       var uidvalue2 = uid2[0].value;//jquery获取value值123000,注意uid2[0].value才能获取值(可以F12调试查看一下),此时uidvalue=uidvalue2

    <script>
    2、类选择器,顾名思义,通过class样式类名来获取节点
    描述:$( ".class" )
    类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选同样的jQuery在实现上,对于类选择器,如果浏览器支持,jQuery使用JavaScript的原生getElementsByClassName()函数来实现的

    3、元素选择器:根据给定(html)标记名称选择所有的元素
    描述:$( "element" )
    搜索指定元素标签名的所有节点,这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持

    下面有一个综合示例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
    </head>
    <body>
    <img id="img_id" class="img_class" title="title"
            src="2.jpg" />
        <script type="text/javascript">
            $(function() {
                /* id选择器 */
                $("#img_id").toggle(
                        function() {
                            /* id选择器 */
                            alert("1img_id");
                            $("#img_id").attr("src", "1.jpg");
                            $("#img_id").attr("title", this.src);
                        }, function() {
                            /* 元素选择器 */
                            alert("2img");
                            $("img").attr("src",
                                    "2.jpg");
                            $("img").attr("title", this.src);
                        }, function() {
                            /* class选择器 */
                            alert("3img_class");
                            $(".img_class").attr("src", "1.jpg");
                            $(".img_class").attr("title", this.src);
                        })
            })
        </script>
    </body>
    </html>


    顺便补充一下jquery的toggle,中文意思是切换键,功能也是切换。简单说,使用方法toggle(function1,function2,function3),在点击图片时循环执行function方法,需要注意的是jquery的选择很重要,我用的是1.7,而1.9以上就不行了。
    展开全文
  • jquery获取map 这是快速使用jQuery .map()函数的示例。 假设您想以表格的形式获取所有复选框ID的逗号分隔列表,则可以执行此操作! 在https://jsfiddle.net/CEcgL/上查看快速演示。 $(':checkbox').map(function...

    jquery获取map

    这是快速使用jQuery .map()函数的示例。 假设您想以表格的形式获取所有复选框ID的逗号分隔列表,则可以执行此操作! https://jsfiddle.net/CEcgL/上查看快速演示。

    $(':checkbox').map(function() {
      return this.id;
    }).get().join(',');

    官方jQuery.map()Doco

    翻译自: https://www.sitepoint.com/jquery-element-ids-list-jquery-map/

    jquery获取map

    展开全文
  • 先描述一下这个函数使用的环境, 网站后台做一个在线访客列表功能,列出每一个用户实时访问的信息(包含当前访问的商品,类目,所在的... 后台列表页中的jquery获取商品函数如下:function getGoodsInfo(goods_id){var goo...

    先描述一下这个函数使用的环境, 网站后台做一个在线访客列表功能,列出每一个用户实时访问的信息(包含当前访问的商品,类目,所在的控制器 url .... ) 扯远了, 这个跟jquery这个没关系

    为了节省服务器资源, 商品信息采取异步获取, 服务器中只记录了访客访问的商品ID. 后台列表页中的jquery获取商品函数如下:

    function getGoodsInfo(goods_id){

    var goods_info = "";

    if(goods_id == ""){

    return false;

    }

    var rule = /^\d+$/i;

    var url = "/Admin/Goods/ajaxInfo";

    if (rule.test(goods_id)) {

    $.ajax({

    type:"GET",

    dataType:"json",

    cache:true,

    url:url,

    data:"gid=" + goods_id,

    success:function (data) {

    if (data.status == true) {

    goods_info = "

    "

    ......";

    } else {

    return false;

    }

    }

    });

    }

    return goods_info;

    }

    这段代码无法返回ajax函数获取的动态变量

    goods_info 一直是空的.

    改进了一下,通过下了个全局变量,将async(默认为true)异步改成同步,就顺利得到了ajax的返回值。代码如下:

    function getGoodsInfo(goods_id){

    var goods_info = "";

    if(goods_id == ""){

    return false;

    }

    var rule = /^\d+$/i;

    var url = "/Admin/Goods/ajaxInfo";

    if (rule.test(goods_id)) {

    $.ajax({

    type:"GET",

    dataType:"json",

    cache:true,

    async: false,

    url:url,

    data:"gid=" + goods_id,

    success:function (data) {

    if (data.status == true) {

    goods_info = "

    "

    " +

    " ..... ...

    ";

    } else {

    return false;

    }

    }

    });

    }

    return goods_info;

    }

    async是asynchronous[异步]的缩写,它是一个bool值默认为true。当async为true时,先不管ajax请求是否完成都要向下执行。同步请求要临时锁定浏览器,当请求正在执行时不执行任何动作。

    展开全文
  • 学过计算机语言的人都知道,越底层...js和jquery的区别 一、入口函数的不同 1、js:window.onload = function(){内部放js} 实质就是一个事件,拥有事件的三要素,事件源,事件,事件处理程序。等到所有内容,以及...

      学过计算机语言的人都知道,越底层的语言学习难度越难,越高级的语言将对于底层语言会简单许多,因为高级语言是后来开发改进的。那么,js和jquery的区别是什么?下面将会为大家介绍。

    f1b051bb5a7adfa4ff690010aaf80cd1.png

    js和jquery的区别

      一、入口函数的不同

      1、js:window.onload = function(){内部放js}   

      实质就是一个事件,拥有事件的三要素,事件源,事件,事件处理程序。等到所有内容,以及我们的外部图片之类的文件加载完了之后,才会去执行。只能写一个入口函数;

      2、jQuery:$(function(){})或者$(document).ready(function(){})是在 html所有标签都加载之后,就回去执行,可以写多个;

    c5ae664e2eaeae07182ba7dd1cedc5b0.png

      二、获取元素的方式不同

      1、js:常用的以下几个,除了id,其他的结果都是伪数组;

      2、jQuery:$(" ")通过和css雷同的选择器方式来获取元素。得到的是jquery对象(dom元素的数组,外加其他一些成员)。即使写的是id,唯一的,得到的对象都不是单一的;

      本质上jquery方式和qs方式都是获取DOM数组, 只不过jquery会多一些其他成员,DOM数组的每一个成员注册事件不能像jquery一样直接注册, 必须分别给每个元素注册;

      三、DOM对象和jquery对象的相互转换 

      1、jQuery对象转换成DOM对象,方式一:$(“#btn”)[0],方式二:$(“#btn”).get(0)得到dom对象;

      2、eq(0)得到jquery对象

      DOM对象转换成jQuery对象:

      $(document) -> 把DOM对象转成了jQuery对象

      var btn = document.getElementById(“btn”);

      btn -> $(btn);$(this)

      Jquery得到的元素类型都是对象,内容是伪数组,无论是不是唯一的元素;

      四、事件处理程序不同

      1、js:document.getElementById(“id”).onclick = function(){ // 语句 }

      document.getElementById(“id”).addEventListener("click",function(){})

      onclick,onfoucs,onblur,fouce(自动获得),select(自动选择文本域内容),onmouseover,onmouseout,

      oninput/onpropertychange用户输入事件,onchange(下拉菜单select内容发生改变时发生事件,如果内容为几,那么做出什么反应),

      2、jquery:$(“#id”).click(function(){     // 语句   });

      以上就是关于js和jquery的区别的解答,希望可以帮助到大家。

    展开全文
  • jQuery 的 get(index) 方法允许选择一个实际的 DOM 元素并且对其直接操作,而不是通过 jQuery 函数,尔后可以直接访问 DOM 元素的 tagName 属性。$(this).get(0) 与$(this)[0] 等价。如以下元素$("#test")[0].tag...
  • //获取select选中的值 testSelect为id $("#testSelect").find('option:selected').val() //jquery对象可以通过each()函数来循环显示 $(arrdate).each(function(){});  
  • <input type="text" name="address4" id="address4" onFocus="open1(this);...函数则加一个对象 function open1(ob) { var id=$(ob).attr("id"); alert(id); } 如果是超链接,这样写是无效的,获...
  • mac_id_wireless="+$("[name='mac_id_wireless']").val()+ "&os="+$("[name='os']").val()+ "&os_license_no="+$("[name='os_license_no']").val()+ "&monitor_sno="+$("[name='monitor_sno']").val...
  • 例如: function aa(date){ <input type='radio' name='" + data.question_id + "' value='" + data.answer_id + "'> } jquery如何获取函数中的单选框值
  • jQuery核心函数

    2020-05-27 09:19:44
    //获取id为csdn的元素 $("#csdn"); //获取class属性为test的元素,并为它们增加边框 $(".test").css("border","3px dotted black"); //获取ul内,id为ajax的元素 $("ul #ajax"); jQury(Element) ...
  • Jquery函数

    2019-09-25 18:31:38
    1、$(document).ready() $(document).ready(function(){$('DOM元素名').bind('事件名称',...DOM元素名可为元素ID,Name或Class。事件名称为元素可选事件如click等。 2、$(''); 获取对象元素。如:$('div.s...
  • $("#btnId")//根据id获取$("button")//根据标签类别获取$(".btn")//根据class获取$('button[name="btnName"]')//根据name获取$.ajax({ url: "", method: 'POST', data: {id:id},//传过去后,后台request.getParamete
  • <p>I want to fetch the json data from function and not file. ... <p>My code: <pre><code><...link rel="stylesheet...input id="skills"> </div> </body> </html> </code></pre> </div>
  • jQuery核心函数,主要用法jQuery(selector) jQuery(Element) ...// 获取id为csdn的元素 $("#csdn"); // 获取class属性为test的元素,并为它们增加边框 $(".test").css("border" , "3px dotted black")...
  • jQuery自带方法/函数获取outerHTML

    千次阅读 2015-01-15 16:33:00
    获取 $('#id').prop('outerHTML') 设置 $('#id').prop('outerHTML','')
  • // 原生DOM获取outerHTML alert(document.getElementById('lz66303').outerHTML); // 原生DOM设置outerHTML document.getElementById('lz66303').outerHTML = '<textarea id="lz66303"><hr>原生DOM设置...
  • $('#domid').attr('acitve') ...// 在使用JQUERY获取DOM元素的属性时,有两个函数,attr 和 prop <a id="domid" href="cnblogs.com" checked="1" active="1">博客园</a> // 取得href属性的值 $('#domi...
  • jquery获取鼠标位置 jQuery代码段可获取鼠标指针的相对位置。 该函数将元素id作为参数,并将鼠标指针的当前x和y坐标作为参数。 然后,它返回鼠标光标当前位置和指定元素之间的相对距离。 function rPosition...
  • 写html时这样绑定 <input type="text" name="address4" id="address4" onFocus="open1(this);"> 函数则加一个对象 function open1(ob) { var id=$(ob).attr("id"); alert(id); }
  • span id="priceblock_ourprice" class="a-size-medium a-color-price"><span class="currencyINR">&nbsp;&nbsp;<\/span>(.*?)<\/span>/', get_page($url),$amazonmatches)) { $...
  • jquery获取节点名称

    2020-12-08 20:58:56
    jQuery 的 get(index) 方法允许选择一个实际的 DOM 元素并且对其直接操作,而不是通过 jQuery 函数,尔后可以直接访问 DOM 元素的 tagName 属性。$(this).get(0) 与$(this)[0] 等价。 如以下元素 代码如下: <...
  • &lt;button id="show" class="kkkk" onclick="sub(this.id)"&gt;...sub=function(id){ ...var getid = id;...函数也可以写成: function sub(id){ var getid = id; }
  • div id="grabberDiv">Testing grabberDiv</div> </code></pre> <p>In my body. What I am trying to figure out is if this is a problem in my code here or if it is simply impossible to do without ...
  • jQuery jQuery 是一个高效、精简并且功能丰富...下面介绍jQuery的功能实现一、获取元素"选择某个网页元素,然后对其进行某种操作"。用‘$’符号代替jQuery构造函数。可以是id,也能是css选择器。$('#test') //选择i...
  • jQuery对象获取

    2013-09-08 20:13:09
    jQuery库中,通过本身自带的方法获取页面元素的对象,称之为jQuery对象。...可以直接使用$("id名称")获取jQuery对象,而获取对象的内容直接可以通过对象.html()直接获得其内容。同样的功能,jQuery
  • $user = getProfileInfoFor($_SESSION['id'], $db); $winNumber = $user->number; return $winNumber; } </code></pre> <p>Then after some user actions that value changes in the DB and I want to ...
  • jQuery的工厂函数

    千次阅读 2017-04-12 10:51:00
    jQuery的工厂函数“$”。 在jQuery中,无论我们使用哪种类型的选择符都需要从一个“$”符号和一对“()”开始。 在“()”中通常使用字符串参数,参数中可以包含任何CSS选择符表达式。 下面介绍几种比较常见的用法...
  • 这是一个简单的例子使用jQuery的.MAP()函数。 例如说,你希望得到一个逗号分隔的形式的所有复选框ID列表,你可以做到这一点! 检查出的快速演示https://jsfiddle.net/CEcgL/ 。 $(':checkbox').map(function() { ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 667
精华内容 266
关键字:

获取id函数jquery