jQuery_Types

最新推荐文章于 2024-07-16 08:00:00 发布

最新推荐文章于 2024-07-16 08:00:00 发布 · 60 阅读

文章标签：

#jQuery #Office #PHP #Rails #JavaScript #ViewUI

本文介绍了JavaScript的基础操作技巧，如字符串处理、数值转换等，并通过实际案例展示了如何使用jQuery简化DOM操作，包括表单处理、AJAX请求等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W<?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" /><chmetcnv w:st="on" unitname="C" sourcevalue="3" hasspace="False" negative="False" numbertype="1" tcsc="0">3C</chmetcnv>//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

</style>

</head>

<body>

$("document").ready(function(){

////////////////////////////////////////////////////////////////////////////////////////

//console.log(typeof "some string"); // "string"

////////////////////////////////////////////////////////////////////////////////////////

//quote

//"You make 'me' sad."

//'Holy "cranking" moses!'

//"<a href=\"home\">Home</a>"

////////////////////////////////////////////////////////////////////////////////////////

//"hello".charAt(0) // "h"

//"hello".toUpperCase() // "HELLO"

//"hello".toLowerCase() // "hello"

//"hello".replace(/vinoth/g, "usha") // "hxllx"

//"1,2,3".split(",") // ["1", "2", "3"]

////////////////////////////////////////////////////////////////////////////////////////

//"Hello".length // 5

//"".length // 0

////////////////////////////////////////////////////////////////////////////////////////

//!"" // true

//!"hello" // false

////////////////////////////////////////////////////////////////////////////////////////

//typeof 12 // "number"

//typeof 3.543 // "number"

////////////////////////////////////////////////////////////////////////////////////////

//!0 // true

//!1 // false

//!-1 // false

////////////////////////////////////////////////////////////////////////////////////////

//0.1 + 0.2 // 0.30000000000000004

////////////////////////////////////////////////////////////////////////////////////////

//Math.PI // 3.141592653589793

//Math.cos(Math.PI) // -1

////////////////////////////////////////////////////////////////////////////////////////

//parseInt("123") = 123 (implicit decimal)

//parseInt("010") = 8 (implicit octal)

//parseInt("0xCAFE") = 51966 (implicit hexadecimal)

//parseInt("010", 10) = 10 (explicit decimal)

//parseInt("11", 2) = 3 (explicit binary)

//parseFloat("10.10") = 10.1

////////////////////////////////////////////////////////////////////////////////////////

//"" + 1 + 2; // "12"

//"" + (1 + 2); // "3"

////////////////////////////////////////////////////////////////////////////////////////

//String(1) + String(2); //"12"

//String(1 + 2); //"3"

////////////////////////////////////////////////////////////////////////////////////////

//parseInt("hello", 10) // <place w:st="on">NaN</place>

//isNaN(parseInt("hello", 10)) // true

////////////////////////////////////////////////////////////////////////////////////////

//1 / 0 // Infinity

////////////////////////////////////////////////////////////////////////////////////////

//typeof <place w:st="on">NaN</place> // "number"

//typeof Infinity // "number"

////////////////////////////////////////////////////////////////////////////////////////

//NaN == <place w:st="on">NaN</place> // false (!)

////////////////////////////////////////////////////////////////////////////////////////

//Infinity == Infinity // true

////////////////////////////////////////////////////////////////////////////////////////

//if ( true ) console.log("always!")

//if ( false ) console.log("never!")

//$("...").somePlugin({

// hideOnStartup: true,

// onlyOnce: false

//});

////////////////////////////////////////////////////////////////////////////////////////

//var x = {};

//var y = {

//name: "Pete",

//age: 15

//};

////////////////////////////////////////////////////////////////////////////////////////

//typeof {} // "object"

////////////////////////////////////////////////////////////////////////////////////////

//y.name // "Pete"

//y.age // 15

//x.name = y.name + " Pan" // "Pete Pan"

//x.age = y.age + 1 // 16

////////////////////////////////////////////////////////////////////////////////////////

//var operations = {

// increase: "++",

// decrease: "--"

//}

//var operation = "increase";

//operations[operation] // "++";

//operations["multiply"] = "*"; // "*"

////////////////////////////////////////////////////////////////////////////////////////

//var obj = {

// name: "Pete",

// age: 15

//};

//for(key in obj) {

// console.log("key", key, "value", obj[key]);

//}

//// "key", "name", "value", "Pete"

//// "key", "age", "value", 15

////////////////////////////////////////////////////////////////////////////////////////

//jQuery.each(obj, function(key, value) {

// console.log("key", key, "value", value);

//});

////////////////////////////////////////////////////////////////////////////////////////

//!{} // false

////////////////////////////////////////////////////////////////////////////////////////

//var form = $("#myform");

//form.clearForm; // undefined

//form.fn.clearForm = function() {

// return this.find(":input").each(function() {

// this.value = "";

// }).end();

//};

//form.clearForm() // works for all instances of jQuery objects, because the new method was added to the prototype

////////////////////////////////////////////////////////////////////////////////////////

//$("#myform").ajaxForm({

// url: "mypage.php",

// type: "POST"

//});

////////////////////////////////////////////////////////////////////////////////////////

//$("#myform").ajaxForm();

////////////////////////////////////////////////////////////////////////////////////////

//var x = [];

//var y = [1, 2, 3];

//typeof []; // "object"

//typeof [1, 2, 3]; // "object"

//x[0] = 1;

//y[2] // 3

////////////////////////////////////////////////////////////////////////////////////////

//for (var i = 0; i < a.length; i++) {

// // Do something with a[i]

//}

//for (var i = 0, j = a.length; i < j; i++) {

// // Do something with a[i]

//}

//for (var i = 0, item; item = a[i]; i++) {

// // Do something with item

//}

//var x = [1, 2, 3];

//jQuery.each(x, function(index, value) {

// console.log("index", index, "value", value);

//});

//var x = [];

//x.push(1);

//x[x.length] = 2;

//x // 1, 2

//var x = [0, 3, 1, 2];

//x.reverse() // [2, 1, 3, 0]

//x.join(" – ") // "<chsdate w:st="on" year="2002" month="1" day="3" islunardate="False" isrocdate="False">2 - 1 - 3</chsdate> - 0"

//x.pop() // [2, 1, 3]

//x.unshift(-1) // [-1, 2, 1, 3]

//x.shift() // [2, 1, 3]

//x.sort() // [1, 2, 3]

//x.splice(1, 2) // [2, 3]

////////////////////////////////////////////////////////////////////////////////////////

//![] // false

////////////////////////////////////////////////////////////////////////////////////////

//{'key[]':['valuea','valueb']}

//$_REQUEST['key'][0]="valuea"; //php

//$_REQUEST['key'][1]="valueb";

//params[:key] = ["valuea", "valueb"] //rails

////////////////////////////////////////////////////////////////////////////////////////

//function named() {}

//var handler = function() {}

//$(document).ready(function() {});

//$("a").click(function() {});

//$.ajax({

// url: "someurl.php",

// success: function() {}

//});

////////////////////////////////////////////////////////////////////////////////////////

//function log(x) {

// console.log(typeof x, arguments.length);

//}

//log(); // "undefined", 0

//log(1); // "number", 1

//log("1", "2", "3"); // "string", 3

////////////////////////////////////////////////////////////////////////////////////////

//$(document).ready(function() {

// // this refers to window.document

//});

//$("a").click(function() {

// // this refers to an anchor DOM element

//});

////////////////////////////////////////////////////////////////////////////////////////

//function scope() {

// console.log(this, arguments.length);

//}

//scope() // window, 0

//scope.call("foobar", [1,2]); // "foobar", 1

//scope.apply("foobar", [1,2]); // "foobar", 2

////////////////////////////////////////////////////////////////////////////////////////

// global

//var x = 0;

//(function() {

// private

//var x = 1;

//console.log(x); // 1

//})();

//console.log(x); // 0

////////////////////////////////////////////////////////////////////////////////////////

//function create() {

// var counter = 0;

// return {

// increment: function() {

// counter++;

// },

// print: function() {

// console.log(counter);

// }

//}

//var c = create();

//c.increment();

//c.print(); // 1

////////////////////////////////////////////////////////////////////////////////////////

//(function() {

// // log all calls to setArray

// var proxied = jQuery.fn.setArray;

// jQuery.fn.setArray = function() {

// console.log(this, arguments);

// return proxied.apply(this, arguments);

// };

//})();

////////////////////////////////////////////////////////////////////////////////////////

//$("body").click(function(event) {

// console.log("clicked: " + event.target);

//});

////////////////////////////////////////////////////////////////////////////////////////

//$("#myform").submit(function() {

// return false;

//});

////////////////////////////////////////////////////////////////////////////////////////

//emailrules: {

// required: "#email:filled"

//}

////////////////////////////////////////////////////////////////////////////////////////

//$(":text").blur(function() {

// if(!this.value) {

// alert("Please enter some text!");

// }

//});

////////////////////////////////////////////////////////////////////////////////////////

});

</script>

</body>

</html>