<div id="my-element-id"></div>

 var result = $('#my-element-id');

 var result = document.getElementById('my-element-id');

  var result = document.querySelector('#my-element-id');

 result.id === 'my-element-id'; // returns true

<span class="some-class"></span>

 var result = $('.some-class');

  var result = document.getElementsByClassName('some-class');

 var result = document.querySelectorAll('.some-class');

 result[0].className === 'some-class'; // returns true

 <code>Console.WriteLine("Hello world!");</code>

 var result = $('code');

 var result = document.getElementsByTagName('code');

 var result = document.querySelectorAll('code');

 result[0].tagName === 'code'; // returns true

  <form>
     <label>Full Name
        <input name="full-name">
     </label>
     <label>Company
        <input name="company">
     </label>
  </form>

  var focusedInputs = $('INPUT:focus');

 var companyInput = document.querySelector('INPUT:focus');

  <div>
     <a href="https://www.dntips.ir">
        <span>Go to site</span>
     </a>
     <p>Some text</p>
     Some other text
  </div>

 var $result = $a.parent();

 var result = a.parentNode;

 var result = $('#myParent').children();

 var result = document.querySelectorAll('DIV > *');

  var result = document.querySelectorAll('DIV > P');

 var result = document.getElementById('myParent').childNodes;
var result = div.childNodes;

 var result =document.getElementById('myParent').children;

 var result =document.querySelectorAll('#myParent A');

  <ul role="menu">
     <li>choice 1</li>
     <li class="active">choice 2</li>
     <li>choice 3</li>
  </ul>

 var $result = $('UL LI').not('.active');

 var result = document.querySelectorAll('UL LI:not(.active)');

  <div id="link-container">
     <a href="https://github.com/VahidN">GitHub</a>
  </div>
  <ol>
     <li>one</li>
     <li>two</li>
  </ol>
  <span class="my-name">VahidN</span>

 var $result = $('#link-container, .my-name, OL');

 var result = document.querySelectorAll('#link-container, .my-name, OL');

 var result = document.querySelectorAll(
 'BUTTON[type="submit"], INPUT[type="submit"]'
);

window.$ = function(selector) {
     return document.querySelectorAll(selector);
};

  $('.some-class');
  $('#some-id');
  $('.some-parent > .some-child');
  $('UL LI:not(.active)');

مشاهده می‌کنید که فولدر .bin به پروژه‌ی شما اضافه شده است.

 حال درون صفحه‌ی cmd (توجه کنید cmd، نه package manager console) به آدرس پروژه (نه solution) با دستور زیر منتقل شوید:

cd <Project Location>

که به جای project location آدرس فایل پروژه را قرار می‌دهیم. شکل زیر نمایانگر این مسیر است:

با اجرای دستور زیر bower.json را به پروژه اضافه می‌کنیم:

bower init

مشاهده می‌کنید که پس از دستور bower init مواردی که قرار است درون bower قرار گیرد، مقدار دهی می‌شوند. من مقادیر را به صورت زیر (حالت‌های پیش فرض) تکمیل کردم:

حال باید تا اینجای کار یک فایل bower.json برای شما در روت پروژه ساخته شده باشد. حال بیایید اولین اسکریپت رفرنس را به پروژه اضافه نماییم. من قصد دارم تا با دستور زیر JQuery را به پروژه اضافه کنم:

bower install jquery

پکیج JQuery به صورت زیر دانلود می‌شود و در پوشه‌ی bower_component در روت پروژه قرار می‌گیرد.

به همین صورت شما می‌توانید تمامی نیازمندی‌های پروژه را از Git با استفاده از bower package manager دریافت کنید.

someObject = { a: 'value for a', b: 'value for b' }
{ a, b } = someObject
console.log "a is '#{a}', b is '#{b}'"

var a, b, someObject;

someObject = {
  a: 'value for a',
  b: 'value for b'
};

a = someObject.a, b = someObject.b;

console.log("a is '" + a + "', b is '" + b + "'");

{join, resolve} = require('path')

join('/Users', 'Vahid')

# Use local alias
$ = jQuery

$ ->
  # DOMContentLoaded
  $(".el").click ->
    alert("Clicked!")

var $;
$ = jQuery;
$(function() {
  return $(".el").click(function() {
    return alert("Clicked!");
  });
});

# Execute function immediately
type = do ->
  classToType = {}
  for name in "Boolean Number String Function Array Date RegExp Undefined Null".split(" ")
    classToType["[object " + name + "]"] = name.toLowerCase()

  # Return a function
  (obj) ->
    strType = Object::toString.call(obj)
    classToType[strType] or "object"

var type;

type = (function() {
  var classToType, i, len, name, ref;
  classToType = {};
  ref = "Boolean Number String Function Array Date RegExp Undefined Null".split(" ");
  for (i = 0, len = ref.length; i < len; i++) {
    name = ref[i];
    classToType["[object " + name + "]"] = name.toLowerCase();
  }
  return function(obj) {
    var strType;
    strType = Object.prototype.toString.call(obj);
    return classToType[strType] || "object";
  };
})();

$(el).prop("onclick", null).attr("onclick", null);

function validateThisForm(formId) {
    var val = $(formId).validate();
    val.form();
    return val.valid();
}

function customSubmit(el, formId) {
    if (!validateThisForm(formId)) return;
    $(el).prop("onclick", null).attr("onclick", null);
    $(formId).submit();
}

@model MvcApplication27.Models.User
@{
    ViewBag.Title = "Index";
}
<h2>
    Index</h2>
@using (Html.BeginForm(Html.BeginForm("Index", "Home", FormMethod.Post, new { id = "MyForm" })))
{
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>User</legend>
        <div class="editor-label">
            @Html.LabelFor(model => model.Name)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Name)
            @Html.ValidationMessageFor(model => model.Name)
        </div>
        <span style="margin-top:7px;" onclick="customSubmit(this, '#MyForm')" class="btn btn-info">ارسال</span>
    </fieldset>
}

  var ctx = new DynamicSlideShowEntities();
  var list = ctx.Pictures.ToList();
  string str = JsonConvert.SerializeObject(list);
  context.Response.Write(str);

<head runat="server">
    <title>Dynamic SlideShow</title>
    <link href="CSS/orbit-1.2.3.css" rel="stylesheet" type="text/css" />
    <script src="Script/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="Script/jquery.orbit-1.2.3.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $.ajax({
                url: "Handler.ashx",
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    $.each(data, function (i, b) {
                        var str = '<img src="' + b.PicturePath + '" alt="' + b.PictureText + '"/>';
                        $("#featured").append(str);
                    });
                    $('#featured').orbit();
                },
                dataType: "json"

            });
            });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="featured">
    </div>
    </form>
</body>

• بهبود در توابع Table-Valued
• ظاهر جدید برای ویژوال استودیو 2010
• سورس نرم افزار اشتراک
• فریم ورک های سی اس اس را بهتر بشناسیم
• غزال مایکروسافت در راه است
• بررسی سایت ماهواره امید
• مروری بر سافاری 4
• صدا زدن یک Web service از طریق jquery
• نصب OTRS روی ویندوز ویستا
• آموزش کامل اسکریپت نویسی nsis - ساخت برنامه نصب
• توضیحی اجمالی در مورد singleton pattern
• MySQL Storage Engines
• مشکل بهم ریختگی متون فارسی انگلیسی در کامپیوتر
• ۴۸ نکته و اصل مهم در برنامه نویسی پی اچ پی
• فشرده سازی صفحات در ASP.net

• نگهداری رشته‌ها در حافظه به صورت امن

• نگارش جدید Ankh-SVN

• ویدیویی در مورد CRUD with ASP.NET MVC
• ASP.NET MVC Release Candidate 2

• ورود به دنیای jQuery plugins
• لیستی از 240 افزونه‌ی جی‌کوئری
• و همچنین 20 مورد دیگر
• معرفی 13 screengrab webservices
• jQuery Chart Plugins
• برگه‌های تقلب وبی!
• خودتان را برای IE8 آماده کنید!

• تازه‌های PHP 5.3
• سرور آپاچی خود را بهینه کنید

• آیا هنوز نیاز به اجرای CHECKDB می‌باشد؟
• SQL Server in the Cloud

• آمار جالب فروش کتاب‌های سی شارپ
• MMC Hello World Snapin

• Maestro ، زبان جدید دات نتی برای برنامه نویسی موازی
• چگونه تشخیص دهیم که یک اسمبلی دات نت به چه زبانی نوشته شده است؟
• ADO.NET Data Services v1.5 CTP1

• Windows Server 2008 Web Edition

• 10 نکته برای کار کردن از راه دور با یک کلاینت

• آگهی استخدام!
• 10 دلیل عدم پیروزی لینوکس بر ویندوز

• سی شارپ 4، نگاهی به آینده - قسمت سوم

• سه شنبه اصلاح، چهارشنبه سوء استفاده

• راهنمای کامل توابع JQuery و MooTools به صورت CHM

• چه زمانی باید از یک شرکت نرم افزاری رفت

• سازگارترین فونت‌های ممکن برای فارسی نویسی در کامپیوتر

• قابلیت های جدید VB.NET نسخه ی ۱۰: Nullable Optional Parameters

• چگونه پادکست بسازیم؟

• GPG File Encryption

• تازه‌های ASP.Net 4.0

• مزایا و معایب silverlight

• چگونه به ایمیل ارسالی خود تصویر اضافه کنیم؟

• مروری بر نکات قابل توجه HTML5

• برگه تقلب jQuery !

• jTemplates with jQuery

• 30 قالب قابل استفاده سایت ThemeForest.net

• کتابخانه جاوا اسکریپتی برای پردازش تصاویر

• JSON explorer for Firebug

• مشکلات مرورگر opera و سایت‌های مختلف

• افزونه‌های کاربردی فایرفاکس برای طراحان وب

• فایل OPML بیش از 160 وبلاگ طراحی و توسعه وب

• خبرهایی در مورد مایکروسافت و PHP

• Critical SQL Server vulnerability

• لیستی از فایل‌ها و برنامه‌های منتشر شده اخیر مرتبط با SQL server

• چرا Linq از SQL بهتر است.

• استفاده از الگوریتم رمزنگاری AES در سی شارپ

• سمت و سوی تغییرات Windows Workflow

• پایان کار System.DateTime ؟

• پرسش و پاسخ‌هایی در مورد زبان اف شارپ

• کدامیک از روش‌های بررسی خالی بودن مقدار یک رشته در دات نت سریعتر است؟

• از این نوع کلمات و جملات رنجش آور در محیط کار استفاده نکنید!

• راه‌های بهتر کار کردن در خانه

• سخت افزار ارزان است اما برنامه نویس‌ها گران هستند

• چکار کنیم تا آخرین نفری باشیم که از شرکت اخراج می‌شود؟!

• طول و عرض یک برنامه نویس

• نگارش به روز شده کتاب رایگان Data Structures and Algorithms

• TFS 2008 Branching Guide 2.0

• patterns & practices: App Arch Guide 2.0 Knowledge Base

• لیست برترین‌های دنیای وب در سال 2008

• الگوی MVC چیست؟

• آهن بجای کروم! (یک برنامه نویس آلمانی قسمت‌هایی از مرورگر کروم را که در جهت جمع آوری اطلاعات برای گوگل بکار می‌رفته، حذف کرده و مرورگر دیگری به نام آهن را ارائه داده است!)

• مدیریت نگارش‌های مختلف در یک تیم با استفاده از SVN

• بررسی مجوز JavaFX 1.0

• World's Fastest Supercomputers

• تاثیر مثبت بازی‌های کامپیوتری بر روی فعالیت‌های مغزی