Microsoft cloud engineer - SharePoint, Office 365, Azure, DotNet, Angular, JavaScript.
Microsoft cloud engineer - SharePoint, Office 365, Azure, DotNet, Angular, JavaScript.

You Might Not Need JQuery – VIDEO

Today I was looking at http://youmightnotneedjquery.com/ and how that could apply to SharePoint UI elements.   Check out the video and code samples below.    Often we need to hide simple page elements and can leverage newer browser JS features for common features like selector and forEach.

Enjoy! 

shades_smile

 

Video

You Might Not Need JQuery – VIDEO from Jeff Jones on Vimeo.

 

Screenshot

2016-07-29_17-14-29

Code – HTML


Code – CSS

/* CSS method */
#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox {
    display:none;
}
a.ms-core-listMenu-item {
    display: none;
}

Code – JS

// JS approach - http://youmightnotneedjquery.com/
var elements = document.querySelectorAll('a.ms-core-listMenu-item');
Array.prototype.forEach.call(elements, function(el, i){
    el.style.display = 'none';
});

© Copyright 2016
@ SPJeff

Return to Top ▲Return to Top ▲