神器：jQuery一键转换为纯净JavaScript代码

在JavaScript中，我们可以使用纯JavaScript代码来替换jQuery。以下是一些常见的jQuery方法以及相应的纯JavaScript替代方法：

1. $(document).ready():

   • jQuery: $(document).ready(function(){...})
   • JavaScript: document.addEventListener('DOMContentLoaded', function(){...})

2. $(selector):

   • jQuery: $('.my-class')
   • JavaScript: document.querySelectorAll('.my-class')

3. $(selector).each():

   • jQuery: $('.my-class').each(function(index, elem){...})

   • JavaScript:

     
     
     
     Array.from(document.querySelectorAll('.my-class')).forEach(function(elem, index){...})

4. $(selector).on(event, listener):

   • jQuery: $('.my-button').on('click', function(){...})

   • JavaScript:

     
     
     
     document.querySelector('.my-button').addEventListener('click', function(){...})

5. $(selector).hide():

   • jQuery: $('.my-element').hide()

   • JavaScript:

     
     
     
     document.querySelector('.my-element').style.display = 'none';

6. $(selector).show():

   • jQuery: $('.my-element').show()

   • JavaScript:

     
     
     
     document.querySelector('.my-element').style.display = 'block';

7. $(selector).text():

   • jQuery: $('.my-element').text()
   • JavaScript: document.querySelector('.my-element').textContent

8. $(selector).html():

   • jQuery: $('.my-element').html()
   • JavaScript: document.querySelector('.my-element').innerHTML

9. $(selector).val():

   • jQuery: $('input').val()
   • JavaScript: document.querySelector('input').value

10. $(document).height():

    • jQuery: $(document).height()
    • JavaScript: document.documentElement.scrollHeight

这些是一些常用jQuery方法的JavaScript替代。记住，原生JavaScript API可能在功能和复杂性上与jQuery有所不同，你可能需要编写更多的代码来实现相同的结果。