从javascript函数到jquery函数的访问元素_Javascript_Jquery_Html

从javascript函数到jquery函数的访问元素

javascript jquery html

从javascript函数到jquery函数的访问元素,javascript,jquery,html,Javascript,Jquery,Html,变量id=0；//环球 var elem=0；//环球 $.fn.myFunction=functionelement{ var sid=element.getAttribute'href'；元素=元素； id=sid； }; $document.readyfunction{ $.fn.myFunction； alertid； alertelem； }; aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

变量id=0；//环球 var elem=0；//环球 $.fn.myFunction=functionelement{ var sid=element.getAttribute'href'；元素=元素； id=sid； }; $document.readyfunction{ $.fn.myFunction； alertid； alertelem； }; aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

bbbbbbbbbbbb代码中有一个基本错误。您正在$document.ready上调用$.fn.myFunction。它将没有元素的值

使用此项—

var id=0;// globel 
var elem=0;// globel
$.fn.myFunction = function(element){
var sid = element.href; 
elem=element;   
id=sid;
alert(id);
alert(elem);
};

对于此类任务，最好简单地使用jquery而不是javascript

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        alert($("#link-id-1").attr("id")); 
        alert($("#link-id-2").attr("id"));
        alert($("#link-id-1").attr("href")); 
        alert($("#link-id-2").attr("href")); 
    });
    </script>
</head>
<body>
        <a href="#div-1" id="link-id-1">Link 1</a><br>
        <a href="#div-2" id="link-id-2">Link 2</a><br>
        <div id="div-1" class="hideAll">aaaaaaaaaaaaaaaaa</div><br>
        <div id="div-2" class="hideAll">bbbbbbbbbbbbbbbbbb</div>
</body>
</html>

您没有将元素传递给函数？您想做什么？您调用jq原型方法的方式很糟糕，应该是$this.myFunction；。也就是说，你不应该使用令人讨厌的js，使用更相关的方法绑定事件，不要再点击attributesee先生，我想要javascript函数myFunction中的href属性和id属性到jquery函数中，但它们仍然在该函数中，我想将这些id和sid传递到jquery函数，我想在其上添加一些效果。您可以像这样使用jquery来选择元素的href-$link-id-1[0].hrefc可以将该全局id和元素传递给$document.readyfunction{alertid，alertelem；}；