Bruce D Kyle devdays

## click-handler.js
_create: function () {
    ...
    this._on(this.elTitle, {
        click: "_titleClick" // Note: function name must be passed as a string!
    });
},
_titleClick: function (event) {
    console.log(this); // 'this' is now the widget instance.
},

## destroyTheWidget.js
(function ($) {
    $.widget("custom.clicker", {

        // the rest of the clicker is omitted

        destroy: function () {
            this.element.text("");

            // Call the base destroy function.
            $.Widget.prototype.destroy.call(this);

## CallingTheTrigger.html
<script>
    var theClicker = $("#myClicker").clicker({
        isUpdated: function (event, data) {
            console.log("isOneHundredOne");
            alert("Is " + data.myValue);
        }
    });

    theClicker.clicker({ newValue: 101 });
</script>

## callingWidgetWithSetOptions
myClicker.clicker( { currentValue: 100 } );
newCurrentValue = myClicker.clicker("currentValue");
alert(newCurrentValue);

## addMethod.js
(function ($) {
    $.widget("custom.clicker", {

        // Default options.
        options: {
            startingValue: 0,
            _currentValue : 0
        },

        // _create and other methods to access properties ommitted ..

## callingGettersAndSetters.html
    <script>
        // initializing the startingValue
        var myClicker = $("#myClicker").clicker({ startingValue: 4 });
        // getting the startingValue
        alert(myClicker.clicker("startingValue"));

        // setting the currentValue
        myClicker.clicker("currentValue", 7);

        // getting the currentValue

## jquerywidget-clicker-0.0.1.js
(function ($) {
    $.widget("custom.clicker", {

        // Default options.
        options: {
            startingValue: 0
        },

        _create: function () {
            var startingValue = this.options.startingValue;

## jquerywidget-clicker-0.0.1.js
(function ($) {
    $.widget("custom.clicker", {
        _create: function () {
            var startingValue = this.options.startingValue;
            this.element.text("The starting value is " + startingValue);
        }
    });
}(jQuery));

## passingOptionValues.js
$("#myClicker").clicker( {
    startingValue: 4
});

## clickewidget.html
<!DOCTYPE html>
<html>
<head>
    <title>Clicker</title>
</head>
<body>
    <div id="myClicker">
    </div>

    <script src="Scripts/jquery-2.1.3.js"></script>
	_create: function () {
	...
	this._on(this.elTitle, {
	click: "_titleClick" // Note: function name must be passed as a string!
	});
	},
	_titleClick: function (event) {
	console.log(this); // 'this' is now the widget instance.
	},
	(function ($) {
	$.widget("custom.clicker", {

	// the rest of the clicker is omitted

	destroy: function () {
	this.element.text("");

	// Call the base destroy function.
	$.Widget.prototype.destroy.call(this);
	<script>
	var theClicker = $("#myClicker").clicker({
	isUpdated: function (event, data) {
	console.log("isOneHundredOne");
	alert("Is " + data.myValue);
	}
	});

	theClicker.clicker({ newValue: 101 });
	</script>
	myClicker.clicker( { currentValue: 100 } );
	newCurrentValue = myClicker.clicker("currentValue");
	alert(newCurrentValue);
	(function ($) {
	$.widget("custom.clicker", {

	// Default options.
	options: {
	startingValue: 0,
	_currentValue : 0
	},

	// _create and other methods to access properties ommitted ..
	<script>
	// initializing the startingValue
	var myClicker = $("#myClicker").clicker({ startingValue: 4 });
	// getting the startingValue
	alert(myClicker.clicker("startingValue"));

	// setting the currentValue
	myClicker.clicker("currentValue", 7);

	// getting the currentValue
	<!DOCTYPE html>
	<html>
	<head>
	<title>Clicker</title>
	</head>
	<body>
	<div id="myClicker">
	</div>

	<script src="Scripts/jquery-2.1.3.js"></script>