Calling JavaScript file with Custom Plugin

WP loads jQuery in no conflict mode so shortcut $ is not available for jQuery to use .You should not use the $ variable for jQuery within WordPress.

jQuery(function ($) {
   //code here
})

or

(function($){

    //code here

})(jQuery);

There are so many Q&A which refers to the same conflict issue.Check this and this.

Related Posts:

  1. force enqueue script to be first in order of prominence
  2. WordPress Enqueue Script Chaos (jQuery & Foundation.js)
  3. How do I make sure a plugin loads a script after jQuery
  4. Problem in loading javascript in footer
  5. jQuery for custom plugin not working with Divi theme
  6. Create shortcode to echo javascript
  7. Enqueue script: link not working in page source
  8. force jQuery to load in the head
  9. How to install jquery dotdotdot plugin for WordPress?
  10. Adding Additional Attributes in Script Tag for 3rd party JS
  11. Pass PHP variable to javascript
  12. Conditionally enqueue a widget’s script/stylesheet in HEAD (only when present on page!)
  13. WordPress 3.5 Media Manager – add a button
  14. Validation error: Extending Gutenberg gallery block
  15. Help making my pagination plugin better
  16. Which method is best to enqueue scripts
  17. Is dynamic forms/entries possible in Widget?
  18. Get info (url) from already enqueued styles
  19. jQuery AJAX call not executing in Plugin
  20. Pass $this to function nested in another public function of the same class
  21. Dequeue / Deregister script and replace it with a new plugin
  22. Add extra parameter in tag using script_loader_tag
  23. dequeue not work
  24. Adding Scripts in the Admin Area
  25. Overriding a function in wordpress
  26. How to load default scripts included with WordPress correctly?
  27. Get image URL from media library in input
  28. Ajax with jQuery UI dialog not working
  29. Server side validation for Contact Form 7 [closed]
  30. Assignments must be the first block of code on a line Validation Error on Travis
  31. Using jquery migrate for plugins incompatible with jquery 1.10.2
  32. How to remove style and js from theme and add your own style and js where shortcode is used?
  33. Best approach to fetch data from wp options to js file or php file
  34. Adding a slider captcha to the comment system
  35. How to put JQuery/Ajax inside shortcode?
  36. Plugin for a text modal box [closed]
  37. Can someone please tell me what is wrong with my plugin?
  38. looking for navigation plugin (accordion) [closed]
  39. wordpress site | All-in-one-cufon IE Issue
  40. Enqueue WordPress plugin scripts below all other JS
  41. WordPress function not being called from jQuery method
  42. Ajax contact form widget plugin data not insert in database
  43. Time consuming callbacks in customizer
  44. Modifying a .js Function for Print [QZ Tray, WooCommerce POS]
  45. Making sure that a plugin’s scripts and stylesheets are included for dynamicaly loaded content
  46. How to prevent plugins from loading jQuery
  47. JQuery plugin that works with Google 1.10.2 and not with WordPress 1.10.2
  48. Post Comments with Ajax in WordPress
  49. How can I remove the WordPress-Version (?ver=5.x) from my plugin
  50. Integrating jQuery Datatables with Editor into wordpress admin
  51. How to add a dvi tag to a shortcode then change a generated text using jQuery
  52. wordpress add_action() issue in ajax call
  53. Localizing methods for jQuery append prepend wrap parent
  54. JQuery prepend a function
  55. Register google jquery gets overwritten by plugin
  56. How to add HTML5 required on wp_editor
  57. Custom meta box with jQuery.sortable custom post type list
  58. How to include my Ajax calls in one function instead of calling different ones every time?
  59. Load CSS files in header of Bones theme?
  60. How to enqueue some javascript source once per page
  61. Portfolio Slideshow Sliders Behaving Oddly When in jQuery Ui Tabs
  62. JS Plugin not executing the js correctly. Trying to make all internal links scroll smoothly
  63. Call javascript functions from each page
  64. Using AJAX to run SQL statement and populate dropdown
  65. WordPress slider that allows image, headline, text, and button?
  66. Adding a jQuery modal dialog to the admin area
  67. Edit all $wp_scripts at once to $in_footer = false
  68. Jquery POST Ajax Return null data in wordpress
  69. WordPress jQuery Post – Amending Variable Value Within Function Command
  70. wordpress plugin add page when activate
  71. Why do I need to reload the page for WordPress to see the new custom field added with jQuery
  72. Overriding inline !important CSS with Javscript code snippet with media query
  73. Ajax Call not Working in Plugin
  74. Enqueue plugin for specific pages
  75. update_post_meta is not working for me when I use e.preventDefault for update button
  76. Why can I not deregister my style and script on custom post type?
  77. jQuery works instead of $
  78. checkout stripe with plugin contact form
  79. WordPress Ajax request “Failed to load resource: the server responded with a status of 400 ()”
  80. plugins_url not returning correct directory
  81. How do I keep children of certain parent menus expanded by default on a sidebar?
  82. Help with customising love it plugin (use within foreach)
  83. Javascript in plugin not working
  84. Creating a comments voting system
  85. How to add jquery to my custom post type wp plugin
  86. What is the process for reimplementing a back up WordPress?
  87. Like/Dislike Bar not working when updating
  88. jquery-issue: cannot load the basic jquery
  89. Possible jquery / library conflict in plugin usage
  90. Hyperlink to execute PHP
  91. Add jQuery in dashboard when is already added in main plugin page
  92. Contact Form 7: custom validation [closed]
  93. WordPress include scripts and style in plugin page
  94. Why won’t the Comprehensive Google Map Plugin load?
  95. get_option include in my adsense
  96. Javascript as Jquery Function Call?
  97. JQuery UI plugin not working in IE7?
  98. Jquery based image accordian plugin
  99. wordpress jquery is not defined because the head tag is empty
  100. Ajax button “Load more” is not loading correct language version posts for logged out users