Skip to main content

Startup with JQUERY

JQuery

jQuery is a JavaScript Library.
jQuery greatly simplifies JavaScript programming.
jQuery is easy to learn.
jQuery also simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulation.
References:
http://jquery.com/download/
http://www.w3schools.com/jquery/jquery_examples.asp
http://www.w3schools.com/jquery/jquery_ref_selectors.asp

<!--Include one from following library //CDNs host JQuery libraries i.e. Google & Microsoft//-->
https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js
<!--OR-->
http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js
<!--type="text/javascript" inside the tag is not required in HTML5-->





$(selector).action()

Examples(Types of selectors):
$(this).hide() - hides the current element.
$("p").hide() - hides all

elements.
$(".test").hide() - hides all elements with class="test".
$("#test").hide() - hides the element with id="test".

//The Document Ready Event
$(document).ready(function(){
// jQuery methods go here...
//This is to prevent any jQuery code from running before the document is finished loading (is ready).
});
// or you can use following, both same
$(function(){
// jQuery methods go here...
//(document).ready clause is ommited here
});




//Selector examples
//Examples : http://www.w3schools.com/jquery/trysel.asp

//When a user

content, it will be hidden
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});

//when click on , content with

will be hidden
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});


<!--
Best practice to include all JQueries in seperate file and include that as follows
http://my_jquery_functions.js
-->

<!--
jQuery Event Methods [Actions]

*Juery is tailor-made to respond to events in an HTML page.
*Event actions as follows

Mouse Events Keyboard Events Form Events Document/Window Events
click keypress submit load
dblclick keydown change resize
mouseenter keyup focus scroll
mouseleave - blur unload

-->

<!--
jQuery Effects
http://www.w3schools.com/jquery/jquery_ref_effects.asp
-->

//Another hide() demonstration. How to hide parts of text.
$(document).ready(function(){
$(".ex .hide").click(function(){
$(this).parents(".ex").hide("slow");
});
});
//syntax: $(selector).hide(speed,callback);

//$(selector).show(speed,callback);
$("#show").click(function(){
$("p").show();
});

//Some more other JQuery Examples
//$(selector).toggle(speed,callback);
//$(selector).fadeIn(speed,callback);
//$(selector).fadeOut(speed,callback);
//$(selector).fadeToggle(speed,callback);
//$(selector).fadeTo(speed,opacity,callback)
//$(selector).slideDown(speed,callback);
//$(selector).slideToggle(speed,callback);
//$(selector).animate({params},speed,callback);

Comments

Popular posts from this blog

Turn off/ Hide Details panel/ Information Panel on modern SharePoint lists

Not always we require to show changes done by other which is a mandatory feature in SharePoint online.  What is details pane (aka. Information Pane)? Detail pane/ Information shows information regarding the document if you selected a one or its showing recent changes within a list or library. Follow link to Microsoft documentation about details pane. Bad news: Until Microsoft listen to User Voice , there is no straightforward way to enable disable this even you don't want. Good news: We could write a SharePoint framework extension to hack styles until Microsoft give us a permanent solution. How? I found this sample project (Inject CSS into modern SharePoint pages with React) which could reuse to our purpose. Thanks to Hugo for saving my time.  Steps to awesomeness:  Clone the project Resolve dependencies >  npm i Bundle >  gulp bundle --ship Package >  gulp package-solution --ship Upload package into SharePoint App catalog  

📢 Update -Top 10 Microsoft Teams questions from customers around the world

Over the last 4 months, we’ve traveled to 9 countries on Microsoft Ignite | The Tour meeting and speaking with users like you about Microsoft Teams. The insights and feedback at every location has been invaluable — Thank you. During our travels, there have been 10 questions that have repeatedly surfaced. Below are all of the questions — including the answers too, of course!   Can you restrict access to a specific channel in a team? What are best practices for governance, specifically around team creation, naming, and retention? Can I add guests to my team? If so, how? How does external access/federation work? How is this different to guest access? What functionalities do I get in a hybrid environment? Is Teams available for on-prem environments? How do I configure Direct Routing in Microsoft Teams? Why should I move from Skype for Business to Teams? How do I make this transition? I have existing SharePoint sites that I would like to bring into Teams. Can I do that? I need t

Eliminate Duplicates in Microsoft Flow and Azure Logic Apps

There is no straight forward method or Microsoft Flow action  to eliminate values in a collection like Microsft Excel (as of March 2019). This little hack will help you to eliminate/ remove duplicates and create a collection of unique values. Sample scenario: Need to send daily summarized notification to assigned approved with pending approval items. Sample workflow: Initialize an array Iterate collection of data and append items that are not there in the filtered array Side note: This won't be an option to consider if you too concerned about the performance of the workflow but for the time being its an option to consider.