Recently I was experiencing slow jQuery functions. Slow jQuery was especially slow as I added more elements to the page and especially in Internet Explorer and FireFox. I was not surprised by the browsers being slower than others, but the fact that the jQuery was slower than it should was a surprise.<\/p>\n
It turns out it was the selector that I had been using;\u00a0$(“#ElementID:visible”)<\/strong>\u00a0was slow\u00a0very slow. In a function that did nothing much, it ended up taking 10 seconds to run. \u00a0I tried the selector $(“#ElementID”)<\/strong> and it ended up running is less than a second. \u00a0A developer that I had been working with thought maybe for some reason that it was the :visible<\/strong> filter that was applying, but I needed it. \u00a0 I looked for another way to get the same result and found the .filter<\/strong> method. \u00a0It turns out that $(“ElementID”).filter(“:visible”)<\/strong> made my function run in less than a second.<\/p>\n In short: Recently I was experiencing slow jQuery functions. Slow jQuery was especially slow as I added more elements to the page and especially in Internet Explorer and FireFox. I was not surprised by the browsers being slower than others, but the fact that the jQuery was slower than it should was a surprise.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[141,149,96],"tags":[],"yoast_head":"\r\n
\nDo Not Use: \u00a0$(“#ElementID:visible”)<\/strong><\/span> – Slow
\nDo Use:\u00a0$(“ElementID”).filter(“:visible”)<\/strong><\/span> – Fast<\/p>\n","protected":false},"excerpt":{"rendered":"