Page 387 - jQuery doesn't seem to have these methods...

norachuga · July 10th, 2012, 04:22 PM

I've tried re-entering the code several times over, and even tried copy-pasting it directly from an earlier post by Imar. This is how I have my code looks:

Code:

<script type="text/javascript">
$(function()
{
  $(':input[type=text], textarea').each
  (
    function()
    {
      var newText = 'Please enter your ' + $(this).parent().prev().text().toLowerCase().trim();
      $(this).attr('value', newText);
    }).one('focus', function()
    {
      this.value = '', this.className = ''
    }).addClass('Watermark').css('width', '300px');
  });
</script>

The trouble does not seem to be with typos, but that jQuery, or maybe at least Intellisense, don't agree with this codeblock.

in the line $(this).parent().prev().text(),
.toLowercase() doesn't show up in Intellisense.

inside of the .one('focus', function(){,
this does not have the .value or .className methods in Intellisense

Additionally, in the section Miscellaneous jQuery Functionality, I was never able to get the .innerHTML property.

I'm using the copy of jQuery from the code download, jquery-1.4.1.min.js, and I'm using Visual Studio 2010.

Imar · July 10th, 2012, 10:10 PM

Hi there,

I think this is all by design; value, innerHTML and className are all JavaScript properties, and not jQuery methods. In addition, IntelliSense doesn't really know what type of object "this" represents. As such, it cannot present proper IntelliSense suggestions. This is caused by the weakly typed nature of JavaScript where properties like value only really exist at runtime.

I take it the example runs fine in the browser?

Imar

norachuga · July 11th, 2012, 12:17 PM

Ah, that makes sense, that's very helpful to know. I'm so used to trusting in Intellisense, that is, if what you're expecting isn't showing up in Intellisense...you made a mistake somewhere.